Home>Support>Full width menu bar

Full width menu bar

Hi

Firstly, my apologies for another question – I feel like I’ve been on here far too much recently…

I have Ubermenu installed but can’t get it to fit to the full width of the vantage theme as the stock menu did. I initially did an automatic integration and the ubermenu directly replaced the vantage theme and was full width.

However, there was some sort of conflict with the dropdown menu and I had to change to a manual integration. Now the menu isn’t full-width (I’ve changed its background colour to black so it blends in with the header background), and I can’t get it any wider no matter what I do.

The support at Ubermenu believe it is something in the theme that needs tweaking, but I’m stumped. Is this something that can be done?

Many thanks for your help and also a great theme!

URL: http://www.footballandthefirstworldwar.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Iain

    No problem.

    Try adding the following to Appearance > Custom CSS. It’s the same CSS the original menu uses to get around the header padding that’s there:

    /* UberMenu */
    
    .ubermenu-main { margin: 0 -35px; }
    
  2. 9 years, 10 months ago Iain McMullen

    Hi Andrew

    That worked great, thanks. I have just installed the sticky menu for ubermenu and now it’s back to its previous width!

    Is there another piece of Custom CSS I need to add to change it to full width?

    Thanks again!

  3. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Glad that helped.

    I’m not quite following your last question here. Can you explain a bit more?

  4. 9 years, 10 months ago Iain McMullen

    Yes sorry. There is a plugin extension to the ubermenu that turns it into a sticky menu (pretty much the same as the standard one on the Vantage Theme). When it is activated, it sticks the ubermenu to the top of the screen when you scroll down the page.

    When it is deactivated, the ubermenu is full width thanks to the css code above, however when I activate the sticky menu plugin, the ubermenu (now sticky) looks like it is reverting back to the container width that it was displaying prior to adding the custom css.

    I presume it must be a case of adding a new line css that alters the margin, but I’m not sure what should precede it – would it be something similar to the : .ubermenu-main { margin: 0 -35px; } that made the ubermenu full width before the sticky ubermenu plugin extension was activated?

    Sorry if I’m not explaining it very well!

    Thanks

  5. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Got you. Is the sticky menu active now? Doesn’t look like it on my side. If not, please activate it.

  6. 9 years, 10 months ago Iain McMullen

    Sure – the sticky menu is active now.

    Thanks

  7. 9 years, 10 months ago Iain McMullen

    Ignore that last message – I’ve just deactivated the sticky menu and decided not to use it as it doesn’t really work well with our content.

    Thanks for your help though, fantastic as always.

  8. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    No problem. Chat soon!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More