Empty Space between menu and content

airbdesign · April 2016

Hello,

There is a significant amount of empty space between the menu and my content.

(Above the starting content "Private Wellness Session...")

1) Could you tell me how to add an image to this area.

2) Could you also tell me how to remove this area.

http://new.yogainspirations.com/private-sessions/

Thank you!
Eric

Albert · May 2016

Hi,

1) To add background image in this area, you need to use Featured Image which is on the right side while page edition.

2) To remove that area, you should turn on "Minimalist" option under Theme options > Header & Subheader > Header section.

airbdesign · May 2016

Thanks for the options.

1) I added a background image using "Featured Image", however it also shows up behind the menu items, so I'm not going to use this option.

2) I tried "Minimalist | ON" and "Minimalist without header space", and on both of these options, the same effect happens, where the right Widget side-bar area is moved up into the menu bar area (see attachment).

I would like to use the Minimalist option, however how can I move the Widget area down so it does not appear in the top menu bar area?

Also, when viewed on Mobile, with Minimalist there is a white bar that appears at the top of the page. How do I prevent this?

Here is a page to view to show what is mentioned above. http://new.yogainspirations.com/classes-and-retreats/

Thank you,

Eric

Albert · May 2016

1) If background appear behind the menu items, you should switch to different header style.

2) You are using Transparent header style. This is the whole sense of being transparent. So if you don't like how it looks like, you should switch to different header style or move the whole content with the following css but we can not guarantee that this would work as you want on all pages:

#Content { padding-top: 100px !important; }

The white bar which appears under the logo on mobile is right top bar which can be disabled under Theme options > Header & Subheader > Extras section.

airbdesign · May 2016

Great thank you.

And the he CSS you provided worked for all pages.

Albert · May 2016

Yes, we know. This is how above css supposed to work.

Empty Space between menu and content

Comments