Hello,
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!
2 Answers
Best Answer
Hi Stephen,
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.
Quang you rock! Thank you very much for the top notch service in providing a thin header update! Baamboo Studio is my #1 template site for Weebly development!
Please login or Register to submit your answer
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!