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.

Logo resizes and positioning, help! #2

Resolved 11 replies premiumthemetheme-vantage
paljacob
11 years ago · Last reply by Andrew Misplon 11 years ago

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;
}

Logo resizes and positioning, help!

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

Need fast email support? Get SiteOrigin Premium

Replies

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

    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.

  2. paljacob 11 years, 3 months ago

    Yes of course and sorry for not making that clear in my post.

  3. Andrew Misplon Staff 11 years, 3 months ago

    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.

  4. paljacob 11 years, 3 months ago

    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

  5. Andrew Misplon Staff 11 years, 3 months ago

    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.

  6. paljacob 11 years, 3 months ago

    Nice, it worked! Thanks Andrew! :)

  7. Andrew Misplon Staff 11 years, 3 months ago

    Super, glad to hear that helped.

  8. paljacob 11 years, 3 months ago

    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

  9. Andrew Misplon Staff 11 years, 3 months ago

    Can you try removing that selector and show me the result?

    #main-slider .metaslider ul.slides li[style] {
float: none !important;
}
  10. paljacob 11 years, 3 months ago

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

    Super, glad that did the trick. Thanks for sharing.

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