Would like to know the custom css to remove padding from left of the logo on menu
See my beta site as logo is padded to the right
I want the logo over to the left as far as possible as it is currently pushing menu items off same line.
I have premium vantage… great theme!
MTCca
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5Hi mtcca
What I’d recommend doing is change your masthead layout to Logo in Menu, you can do this under Appearance > Theme Settings > Layout: Masthead Layout.
Then add the following to Appearance > Custom CSS to remove the constraint on the logo in that layout:
/* Vantage Remove Logo in Menu img constraint */ header#masthead.masthead-logo-in-menu .logo > img { max-height: none !important; }Finally, insert the following under Appearance > Custom CSS and adjust the width as required:
body.responsive.layout-full #page-wrapper header#masthead .full-container { max-width: 1200px; }I had it in the menu but the menu pushes over and 2 items drop below.
Added the custom CSS above logo is now in the menu 300X38 but it is still pushing everything to the right.
I would like to have it so it all is on the same line.
Thanks
MTCca
MTCca, had similar Q previously – go to Appearance – Customise – General and you will see a setting for header padding.
Thanks that worked… missed that setting.
How about the spacing between menu items padding seems to much would like to reduce.
Thanks
Thanks @phil.
Please see: https://siteorigin.com/thread/adjust-space-between-menu-items/ regarding horizontal menu padding.
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.