This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Full width menu bar

Resolved 8 replies premiumthemetheme-vantage
Iain McMullen
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 11 years, 3 months ago

    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. Iain McMullen 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    Glad that helped.

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

  4. Iain McMullen 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

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

  6. Iain McMullen 11 years, 3 months ago

    Sure – the sticky menu is active now.

    Thanks

  7. Iain McMullen 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread