Logo Size too big [logo size]

edited November 2014 in Theme support
My logo is too tall for the menu bar.

I'm trying to do the "classic" menu but my logo is 180 px tall. Is there a way to make it show entirely? It could come below the nav bar area. Right now it cuts it in half.

Comments

  • edited July 2014
    Hi marius7,
    I have the same issue. I changed the size by adding this to my style.css of my child-theme:
    #Top_bar #logo {
    height: 130px !important;
    }

    Unfortunately, with this method, the sticky menu will only appear after the end of your logo.

  • Thanks @creativeCat for your help :)

    @marius7 If above code provided by @creativeCat won`t help, then please send us url to your website so we can have a look on what you did and what css will be the  best in your case.
  • Thank you! That worked!
  • Thanks Creative Cat,

    Your solution did work. My only issue was that the menu items are no longer vertically aligned or centered. But I found a solution for this which was to add:

    #Top_bar .menu > li > a {
    padding: 26px 0;
    }

    Just adjust the 26px according to your needs.
  • thank you, you solve my issue as well!
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.