I’d like a way to reduce the unused vertical header space in the Seranade theme to only cover my logo & menu. I attempted to edit the main_style.css file #header area but it unfortunately negatively impacts the placement of the mobile menu bars.
Thank you in advance for any suggestions!
Forgot to mention that I’m using Seranade version 2.0. Site is http://stpetersschoololney.weebly.com/ where you can see the default height of the Seranade header uses more space that we’d like. Attempting to reduce the #header height from 100 px to 1px results in a slightly narrower header area however when viewed from mobile the menu bars are misplaced and unusable. Thanks again for any thoughts n ideas!
To reduce the unused vertical header space in the Seranade theme, you need to edit the main_style.css file, #block-header area.
Your #block-header has default property: “padding: 80px 80px;” .
I reduced the space by replacing “padding: 80px 80px;” with “padding: 0 !important;“.
You could see the changes I made in main_style.css file, #block-header.
I hope that helps.
Please login or Register to submit your answer