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!
Follow these simple steps:
– Access to the main_style.css file, #block-header area.
– Look for the default setting of the #block-header “padding: 80px 80px;”.
– Replace the property by “padding: 0 !important;“.
I hope that helps.
Please login or Register to submit your answer