Jump to content

Increasing the Logo for Mobile - BEDFORD

Recommended Posts

  • Replies 1
  • Views 253
  • Created
  • Last Reply

Increase your #logoWrapper max-height value which is currently set at 50px. You might want to also adjust the .header-inner padding by decreasing it to accommodate the increased max-height.

Edit: Make sure you're changing the values within the media query @only screen and (max-width: 640px)

 

#logoWrapper #logoImage img, #siteTitleWrapper #logoImage img {

    max-height: 50px;  //INCREASE THIS
    max-width: 100%;
    width: auto;

}
.header-inner {

    padding: 20px 0;  //DECREASE THIS

}

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.