How can I achieve navigation bar like this in polymer I have a home toolbar and navigation bar, navigation bar has mydashboard,user,demo horizontally aligned and when I click on user I should see mydashboard and demo and I can also toggle back, when I toggle back only the url changes the toolbar and naviagtion bar remains constant can anyone create a fiddle and show?
Related
I want to put a side bar menu over the carousel when I hover the principal side bar using css I mean to consider the carousel as a background
The problem that I have is with website responsiveness on mobile.
Note that I'm using WordPress & Elementor to build this.
A client asked me to provide a header menu as a top bar & main bar, Bluehost is a good example of what I'm trying to achieve:
Desktop version: https://i.stack.imgur.com/RRSHz.png
Mobile version: https://i.stack.imgur.com/8QKO4.png
In Elementor, both the top bar & main bar were interpreted as separate nav menus, therefore, on Desktop it was fine, but on mobile there were two hamburger buttons. I'm not sure how can I make both bars shrink in one mobile menu like on Bluehost, can anyone help?
Here are screenshots of my scenario:
Desktop version: https://i.stack.imgur.com/37sSJ.png
Mobile version: https://i.stack.imgur.com/oxfEY.png
Okay it should be easy.
On Desktop
Make two menu
top bar
main bar
Top bar contains all the stuff which is shown in the desktop image. Main bar contains all the stuff which are there in image + the item on the top bar.
Add CSS to hide them on desktop.
on Mobile
Make top bar hidden. Turn main bar to hamburger, turn on the display for the items which are from top bar.
You can also reverse the scenario and have all item on top with hidden main items and show them when on mobile.
I have a page in my Angular application, where i need to have a side menu with toggle like below. When i click the icon, it must toggle.
On the top i have a reach textbox
I have a menu bar on my ASP.NET page and some of the content in the Menu bar has drop downs with more results. When I hover over some of the content in the menu bar which shows a drop down, the drop down is ordered to be behind everything on the page, meaning I cannot see what content is being shown.
Here is an example:
Is there a way I can get the menu bar to appear above the other information?
u could use z-index in menu css file
z-index:999;
I have a view controller designed for iOS7, using Storyboards which has a Navigation bar, a tab bar and a web view.
If I select NOT to extend edges under Top and Bottom bars for this view, I lose the translucent effect of the the navigation bar and the tab bar.
If i select to extend edges my webview goes under the navigation bar and the tab bar.
How can I do both? Meaning have both the translucency AND no extension under the bars?