XF 1.2 Responsive Navigation Bar Questions

XenStyle

Active member
Hey there, I have positioned my "Visitor Tabs" using a negative margin. Now my question is, how can I make the navigation bar use the whole space provided? Do I need to use a z-index? If so, how?

nav.webp

Also, is there a way to adjust the minimum screen width before the menu icon pops up?

menu.webp
 
I know, I can add for example this to EXTRA.css:

.navTabs .publicTabs {
width: 600px;
}
--------

That will decrease the width, but it won't show the "icon", but put menus in second level over secondary navigation.

So, I'm wondering how to make it work like responsive design only for menu tabs.
 
Top Bottom