Slider Rev Above Masthead, when scroll down 1st section format issues

[444media]

At the site: http://evsdev.444.media/ I have a slider rev section placed above the masthead, and when you click the link I created (white outline oval animated button bottom of screen ) to take user below the fold, the masthead or header should appear and slide to the top of the page and the section below it be visible. It’s not working properly.

There seems to be an issue with the first section I place below the slider and header. I had a row with 3 sections for elements there, but they were all pushed over to the right, and I had no margin or padding settings on to create this. I could not figure it out, so I just created an empty section for just below the fold, then in the next section I made the 3 elements section.

But you will see when you go to the page, either manually scrolling down or using the jump to below the fold link in the slider, it messes up the formatting of the 3 feature box elements, and cuts them off. I cannot figure out why it’s doing this. I have deleted the sections, and started from scratch, I’ve tried to create more space above the 3 feature box elements, but nothing seems to fix the issue,

When you go in there, you will see that the first section I named it “broken?” It’s empty. Then the next section is the 3 feature box elements.

I think you will see the issue when you go to the page. I just want it to work like it should.

Thanks for your help!

[444media]

I increased the top padding for the section (section 2) with the 3 feature box elements to 200px, which sort of fixes the issue, but something still seems not right in that area. You will see that even the add new section part of Section 1 (the section I named Broken?) is skewed over to the right for some reason.

[christian]

Hey @444media,

The root cause of the issue is the header’s height. Your setting in Theme Options > Header > Top Height is short. Currently its 90px. I recommend you increase it drastically like 130px then lower it down rather than starting short as it causes the issue because X has a hidden spacer that keeps the content fixed when the header gets sticky. If it’s short, the content will jump and get covered by the sticky header. That spacer gets its height from the Top Height setting.

You also need to delete the Broken Section as this will not be needed and will actually add to the issue once you’ve increased the Top Height.

Hope that helps.

[444media]

OK…great…that fixed it! Thanks!

[ruenel]

You’re welcome. If there is anything else we can help you with, please do not hesitate to open another thread.