How to stop header/menu area from reloading when moving between pages - Forum | JoomShaper
Staff replied SP Page Builder

How to stop header/menu area from reloading when moving between pages

Asked by Mel 1 year ago Last activity 1 year ago

Hi,

when I move between menu links on my site everything including the header/menu aread also reloaded. I can see on Joomshaper this doesn't happen.

It makes my site look jumpy. Is there any way I can stop just the menu area from reloading/refreshing?

Any help would be greatly appreaciated.

Kind regards

Mel

5 replies

Ofi Khan Staff

Hello Mel

Thanks for contacting us. By default, you will not see any noticable delay. In general, templates might have some header animation set in template.css. If you remove this, there will be no lag. But you have to make sure your site loads really fast.

Best regards

Mel Asked this

Thanks for coming back so fast.

Can you tell me where I will find this animation to disable it? I cannot see it in pagebuilder

Kind regards

Ofi Khan Staff

Which template are you using? The animation is generally set on template.css on our templates.

Pavel
1 year ago · edited

Can you tell me where I will find this animation to disable it?

Hi. Add this to your custom.css file

#sp-header {
    animation: none !important;
}

Hi Ofi. It has long been required to add Header animation ON/OFF button to the Helix settings

Ofi Khan Staff

Okay, I do not know. I will share it with the team again. The idea is good. We should have a Header Animation toggle under Template Options -> Basic -> Header settings.

Log in to reply.