After looking at a solution to create a mega menu below the header (since it was not possible to add a mega menu into a full width sub menu container). I came across some posts that recommended UberMenu.
I was able to add a “code snippet” container to the pages I wanted the UberMenu and paste the short code in for my custom menu but there was a space above the code snippet. I could get rid of that space by editing the code for .content, .sidebar { padding-top: none;}.
My question are…
1. If I edit that CSS, will it have an effect on other pages with the site?
2. If that was the correct way to do it, how do I get the menu to be full width?
3. Is there a better way to place a full width UberMenu below the heading?
https://www.dropbox.com/s/k822ofs9nl1d8lq/FULL_WIDTH_SUB.jpg?dl=0
https://www.dropbox.com/s/ruitudrcfttusik/UBER.jpg?dl=0
Hey J_L,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Rikard,
I think I figured it out and posted a link in the private area as the site is in development. My solution appears to work across browsers and across devices. I will post the option after you take a quick look and determine if what I did looks correct.