Non-sticky header mobil - Forum | JoomShaper
Staff replied SP Page Builder

Non-sticky header mobil

Asked by lluis 4 years ago Last activity 4 years ago

Is it possible to have sticky header on desktop devices and non-sticky header on mobile?
Thank you

19 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi

Thanks for contacting us. Yes you can do it via custom CSS. First you have to select this option for Desktop sticky header

https://prnt.sc/URNcLQDX5D_J

Then for Non sticky header on mobile you have to use this custom CSS

@media (max-width: 767px){
#sp-header.header-sticky{
    position:unset !important;
}

}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

lluis Asked this
4 years ago

Thanks for your reply. Unfortunately this didn't work for me. I do not use the header that you indicate me. I leave the client's website hidden since I am not authorized to publish it. I appreciate your help

Mehtaz Afsana Borsha Staff
4 years ago

Give me your super admin access on the hidden content please I need to check.

lluis Asked this
4 years ago

Access sent. Thank you

Mehtaz Afsana Borsha Staff
4 years ago

Now check please.

lluis Asked this
4 years ago

Thanks for your reply, still not working. I am attaching hidden screenshots so you can see the error in more detail. As you can see in the third screenshot, the sticky header appears when scrolling the page. Tested on iphone. Thanks.

Mehtaz Afsana Borsha Staff
4 years ago

Now check please. Its working on my end.

lluis Asked this
4 years ago

I don't understand :(. You do not see the sticky header with a colored background at any time when you scroll the page on a mobile device.? How does the third screenshot show? This sticky header would not have to appear, it would have to directly displace the transparent one. I've cleared all caches and it's still showing up.

lluis Asked this
4 years ago

Dear Mehtaz, I sent you a video of my mobile screen in a hidden section. I don't doubt his word. I have all the caches clean, those of the browser and those of Joomla, I can only think that, if you confirm that you see it different from the video, my server has some type of cache activated. I appreciate your support again.

Log in to reply.