Page title jumps up when sticky header is enabled

Is there a solution for the situation where, when you enable the sticky header, your page title doesn’t jump up and just stays on the correct page? When I disable the sticky header, that problem doesn’t occur.

I already had this question in a topic and it was solved by clearing the cache from WProcket (https://xtemos.com/forums/topic/page-title-jumps-up-when-sticky-header-is-enabled/).

There has to be something else you guys did to solve the problem. Because I’m clearing the cache of WProcket and it still doesn’t work. Can you help me out?

Hello,

I have checked your site, and the issue is caused by custom CSS affecting the header spacing and title positioning. In your case, these rules are contributing to the jump behavior when the sticky header is enabled:

.whb-general-header{
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.page-title .title{
    font-size:33px !important;
}

The reduced header padding, combined with sticky header calculation, is causing the page content to shift when the sticky state is triggered.

Best Regards

Ah oke i See, i just removed the css and is good now.

Thank you.

Hello,

You’re Most Welcome!

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://www.trustpilot.com/review/xtemos.com

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts