sticky header - Forum | JoomShaper
Staff replied Templates

sticky header

Asked by Taco Hoppener 5 months ago Last activity 5 months ago

Hello,

I use the Wimble template, and it includes a sticky header.

I have also installed HikaShop, but the sticky header doesn't work on those pages. How can I configure it so that it always works?

www.clevermedia.nl

7 replies

Atick Eashrak Shuvo Staff

Hello,

Apologies for the inconvenience.

Could you please share the page URL where the sticky header is not working?

Thank you.

Taco Hoppener Asked this

If you go to the shop, there is currently 1 item there. Just add this to the cart and go to the cart.

If you are at the top, the header is not there; if you scroll, it will appear.

Atick Eashrak Shuvo Staff

I'm not seeing any cart button or link in your site

Taco Hoppener Asked this

If you go to the shop page next to contact,

you will see a t-shirt, and below it says 'add to cart' (green button).

To the left of it (gray button) proceed to checkout.

Atick Eashrak Shuvo Staff

Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS

#sp-header.transparent-header {
    background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
#sp-header.transparent-header.header-sticky {
    background-image: none;
}

After applying the change, please make sure to clear both your Joomla cache and your browser cache to see the updated result.

Taco Hoppener Asked this

tnx it works.

Atick Eashrak Shuvo Staff

Glad to hear it’s working now.

If anything else comes up or you need further assistance, feel free to reach out.

Please marked the issue as solved.

Log in to reply.