-
I am unsure which is the best way to achieve this – I have a header with logo in the center and a widget both left and right – great and working, the main nav however I want floating below the header but half on the header background and half on a banner below it (or main content if banner disappears). Nav is contained and not full width.
If I use primary nav “below header” – I cannot seem to pull it up on top of header (it appears underneath header background even using z-index I cannot seem to get it to show above)
Do I use a page hero and create it that way, or as a header element – but then I am not really using the primary nav at all but navigation blocks and that never seems to work right for me
Or hook it ?
any best ways to achieve what I need at all?
thank you
Sarah -
Try this CSS:
@media(min-width: 769px) { nav#site-navigation { margin-top: -28px; position: relative; margin-bottom: -28px; } }Note the 28px is the half of the menu item height set in customizer > layout > primary navigation, if you change that value, the 28px needs to be updated as well.
-
ok I will give that a go – thank you
-
damn your good – THANK YOU
-
You are welcome 🙂
- You must be logged in to reply to this topic.