Using CSS to create a second navigation?
-
Hello all! I was wondering if I could use CSS to create a second navigation bar (either above or below my original navigation bar, it doesn’t matter that much)
But I was thinking, if I had my second menu created and in a sidebar, would it be possible to use css to make that sidebar turn horizontal so that it looks like my first navigation?
Thanks!
The blog I need help with is: (visible only to logged in users)
-
I don’t know if you have thought of this, or if it would work in your case, but you can create submenus off of the main navigation.
At 800px in width and narrower, the menu becomes a touch compatible menu for tablets and other touch devices. We would not be able to mimic that for the sidebar menu. The second problem is, if you narrow down your browser window and what what happens to the heigh of the header area you will see that it gets much shorter at 800px as well. On responsive width themes such as Hemingway Rewritten it is difficult to move page elements using CSS to other areas since we have to use position: absolute, which breaks the relationship the element has with the rest of the elements in the page. Basically at that point the menu floats free and ends up positioned off of the browser window borders, not the other elements of the page, so it is very difficult to do. Generally it ends up taking a good number of media queries to adjust the position so that the element remains in place.
I would suggest considering submenus if at all possible.
-
-
- The topic ‘Using CSS to create a second navigation?’ is closed to new replies.