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 11 months 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 11 months 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 11 months 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.

0 Vote Up Vote Down
stephen szot answered 11 months ago

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!