How to reduce empty header space in Seranade theme?

Questions › Category: Customization › How to reduce empty header space in Seranade theme?
0 Vote Up Vote Down
stephen szot asked 4 years ago

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!

stephen szot replied 4 years ago

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!

2 Answers
0 Vote Up Vote Down
Best Answer
Baamboo Studio Staff answered 4 years ago

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.