I need to enlarge the logo in the menu but also adjust the menu
I want to enlarge the logo in the menu but when i do so, the menu gets missed up as it becomes smaller in height so the hover effect is smaller in height. Please help with the css
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
1Hi Jawad
The following applied to Appearance > Custom CSS (Vantage Premium) or a Custom CSS plugin of your own will remove the logo image constraint that’s applied when using the Logo In Menu layout:
/* Vantage Remove Logo in Menu img constraint */ header#masthead.masthead-logo-in-menu .logo > img { max-height: none !important; }This will allow your logo to be rendered at the same size you upload it as.
You can also adjust your menu padding as follows:
/* Vantage remove menu item left padding */ .main-navigation ul li a { padding: 20px 35px 20px 35px !important; }The numbers are, top, right, bottom, left.
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.