Making Logo Bigger

• 

  beehiveaustin · Member · August 2, 2016 at 5:53 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  nudgedesign · Theme Author · August 3, 2016 at 2:16 pm

  • Copy link

  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

• 

  beehiveaustin · Member · August 9, 2016 at 11:02 pm

  • Copy link

  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 #?

• 

  beehiveaustin · Member · August 9, 2016 at 11:17 pm

  • Copy link

  Hi again, Sonia!

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

  -Emily

• 

  nudgedesign · Theme Author · August 10, 2016 at 1:33 pm

  • Copy link

  That’s great! So happy you figured it out.