Menu Bar stretching

10 years ago · Last reply by HondoBY 10 years ago

Greetings from Bavaria, Germany! I’m running the Vantage theme and have searched everywhere (or it seems to me) for an answer to my predicament.

I believe I understand padding and how to manipulate it around the menu bar. Looking at my site and the home page specifically, the logo on my site is roughly 25% indented inwards and the search icon (magnifying glass) is also indented about 25% inwards. I’m wondering if there is a means by using the Custom CSS to move the logo more to the left, and the magnifying lens (search icon) more to the right. I’ve tried editing the padding, but nothing seems to work, which tells me I’m doing something wrong. Rather obvious, eh?

Any help would be appreciated and thanks in advance.

Best, ~ Hondo

URL: http://www.hondosinclair.info/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Magus Staff 10 years, 9 months ago
Hi Hondo
The menu container is set at 1080px. Your logo is currently sitting tight against the left edge of this and the search icon the right side.
You can widen the overall menu container by adding this into your custom CSS
```
.site-navigation .full-container {
    max-width: 1500px !important;
}
```
Adjust the size as required.
Let us know how you get on
Magus
HondoBY 10 years, 9 months ago
Hi Magus,
spot-on! Thanks for the perfect resolution!!
Cheers,
~ Hondo

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.