I want to put my logo beside the menu, but keep the size as it is when it above. If I use the code you posted for removing logo restriction, the Meta Slider gets shifted to the right of the logo (making the Meta Slide useless). Is there a way to avoid this?
/* Vantage Remove Logo in Menu img constraint */
header#masthead.masthead-logo-in-menu .logo > img {
max-height: none !important;
}
Hi paljacob
Can I confirm that you tried the Custom CSS snippet in conjunction with the Logo In Menu masthead layout option? That option can be set from Appearance > Theme Settings > Masthead Layout.
Yes of course and sorry for not making that clear in my post.
Thanks for confirming that. I’ve given this some thought. It’s unfortunately super hard to say what’s happened without taking a look. Do you perhaps have a url we can see? Sorry for not asking for that previously.
I do not want to have the bug on my main page, so I did a quick test and grabbed “view source” and stored it in the following location:
http://www.kelda.no/testing2.php – as you can see, the metaslider is affected with the change.
I also made one of how it is without any max height limitation.
http://www.kelda.no/testing1.php
This slider seems to be creating a different result than the ones I’ve looked at in the past. Keep the max-height: none there and add the following:
#main-slider .metaslider ul.slides li[style] { float: none !important; } .main-navigation ul li a { margin-bottom: -5px; padding-top: 50px; padding-bottom: 50px; } header#masthead.masthead-logo-in-menu .logo { padding: 12px 0; margin-right: 15px; }I included the logo selector at the end in case you want to adjust that padding.
Nice, it worked! Thanks Andrew! :)
Super, glad to hear that helped.
Sorry, I was a bit quick there. The top was perfect, but the slider now became double size, with the gray below on first slide and opposite one second slide. Strange…
I updated the http://www.kelda.no/testing2.php
Can you try removing that selector and show me the result?
#main-slider .metaslider ul.slides li[style] { float: none !important; }That fixed it perfectly. Thanks Andrew!
Solution css code:
/* Vantage Remove Logo in Menu img constraint */ header#masthead.masthead-logo-in-menu .logo > img { max-height: none !important; } .main-navigation ul li a { margin-bottom: -5px; padding-top: 50px; padding-bottom: 50px; } header#masthead.masthead-logo-in-menu .logo { padding: 12px 0; margin-right: 15px; }Super, glad that did the trick. Thanks for sharing.