Need help? Check out our Support site, then


Making Logo Bigger

  1. Love this theme! I am wondering how to make my logo bigger? I searched around in the css and saw that the max width is set to 367.15 and would like to adjust that. I assume I'll have to add in some coding, but am not sure what exactly to do. Would greatly appreciate the help!

    Thank you!
    -Emily

    The blog I need help with is lovebeehive.wordpress.com.

  2. Hi Emily,

    You can increase the size of the logo with a bit of css, as long as you have a Premium account. Doing this will be at the expense of the menu on the right though. The theme default is the following:

    @media screen and (min-width: 920px){
        .site-branding {
     	    max-width: 35%;
        }
    }
    
    @media screen and (min-width: 920px){
        .top-menu-wrap {
     	    max-width: 64%;
        }
    }

    What you can do is play around with the percentage numbers making sure the two don't total more than 100% (I keep it at 99%).

    So for ex:

    @media screen and (min-width: 920px){
        .site-branding {
     	    max-width: 40%;
        }
    }
    
    @media screen and (min-width: 920px){
        .top-menu-wrap {
     	    max-width: 59%;
        }
    }

    Let me know if that helps!

    Sonia

  3. Hi Sonia!

    Thanks so much for your help!! I'm having some trouble finding where this code is located in the css. Would you happen to know the line #?

  4. Hi again, Sonia!

    I actually got it figured out! Thanks so much again :)

    -Emily

  5. That's great! So happy you figured it out.

Topic Closed

This topic has been closed to new replies.

About this Topic