Headers and content spacing in post pages

Still new to X Theme Pro and building WordPress sites and I cannot figure out this issue. I’m still fleshing out this site but I’ve created a header and footer and assigned each to be used on post pages but the post content runs up under the header when the page loads. http://dev.craveablecarolinas.com/2018/08/feature-1/

Where can I go to set spacing or otherwise adjust this? Thanks so much.

Hi there,

Please set the Bar’s Initial Position to Relative.

Hope this helps.

While this did help with some spacing issues with the page layouts I still have the issue on the post pages.

Also, now I have a sticky bar issue I didn’t have before. On scroll the menu bar sticks to the top of the post page and not to the bottom of the first sticky bar as before. See link: http://dev.craveablecarolinas.com/2018/08/feature-2/

This is a header I’ve created and applied to all post pages and a few static pages. Its constructed from 2 bars both set to sticky. Top bar contains the logo and bottom bar contains the menu.

Thanks, hope you can provide a little more help.

Hey @larry1,

Would you mind providing more details by what you mean by:

And, what do you want to achieve?

For your sticky bar issue, you’ve set the second bar to sticky:

Please turn it off.


Hi, Thank you for the quick reply.
I would like to acheive the look of the page as it loads but that look to be maintained as content scrolls under both the logo and menu bar. No movement on the logo/menubar at all.

Currently the pages load as I like but as soon as I scroll the gray menubar scrolls to the top of the page over the logo bar. The logo bar behaves as I would like… staying in place. ideally I would like to have the green logo bar and the gray menu bar stacked one atop the other and not move while content scrolls under it. Is there a better way to build a logo bar and a menu bar together?

Second issue of content under the header… On the example page link I sent, on page load the hamburger image is already under the logo/menu bars. I would like there to be white space between the log/menu bar and the image.

Thanks again.

Hey @larry1,

I have previously stated that you should turn off the Sticky option of the bar. That will resolve your problem with the gray bar moving on top of the green bar.

For your second issue, I believe you’re referring to this:

There’s really no space between the gray bar and the image because that is the design of the Ethos stack as you can see in our demo at http://demo.theme.co/ethos-1/the-new-status-symbol/. You might want to switch to the Renew stack for another design. Here’s the single post demo.

For the logo and the hamburger button space issue, set the Container’s Flex Layout > Vertical to Center.

For more details about the Header and Footer options, please see the Pro, Builder and Element tutorials in our Knowledge Base.

If this does not still help, please give us WordPress Admin access in a Secure Note


Thanks! I never considered swithcing theme stack to solve the spacing issue between the menus and post image. I’ll try that.

However I think you may be misunderstanding my menu scrolling issue. If I turn off the sticky for the menu bar (I have tried) it simply scrolls up and away as any other content would. I want it to stay in place.

This is what I want, when I scroll or not…Menu stacking at the bottom of the logo bar.

This is what I’m getting on scroll. Gray menu sticks to the top of the page.

I don’t mind giving admin access if needed.

Hey There,

​To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation.

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.