IM_Design Posted June 4, 2021 Share Posted June 4, 2021 It looks like reducing the size of the site title / logo is the only option for reducing the height of the header for desktop and mobile. I wrote a custom code solution to reduce the height further for both that I'm posting here in case it's helpful for others. Link to comment
IM_Design Posted June 4, 2021 Author Share Posted June 4, 2021 Here's what worked best for me in the CSS Editor: // Reduces the spacing between the Menu nav text and the site title/logo #mobile-navigation-label { max-height: 10px } // Reduces the padding and margin around the logo/title div.siteTitle.sqs-frontend-overlay-editor-widget-host { padding: 10px !important; margin: 10px !important; } // Reduces the padding around the navigation #nav { padding: 0px !important; margin-left: 40px !important; margin-top: 10px !important; } // Reduces the headers overall height #container { margin-top:20px !important; } Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment