Sticky default header

Pending
Lorada - Responsive Elementor eCommerce Theme Lorada - Responsive Elementor eCommerce Theme September 26, 2020
Login to reply
Amand C Support Agent
1 month ago

Hi, Edzard

It is a little hard to send the css code without work on your end.

Anyway, please try the next steps.

First, please remove your custom js code for the sticky promotion bar.

And next , please add next css code on your end.

body { padding-top: 100px; }


#header-topbar { display: none; }

.main-header {
 position: fixed !important;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 100;
}

.header-promo-bar {
 position: fixed;
    top: 125px;
    left: 0;
    width: 100%;
    z-index: 100;
}

We think you know well about the html/css and js.

So we hope you can understand what we want to do with custom css code.

Please try above step and let us know, if you have any other problem.

Best Regards, C-Themes

Edzard Contze
1 month ago

Hi Amand,

That’s correct! Can you type the css in here? I can then add it myself

Amand C Support Agent
1 month ago

Hi, Edzard

We can't understand correctly what you need.

You want to fix the red mark area header part on the top side with the promotion text bar? 

https://prnt.sc/uo8dln 

If so, we need to add some custom css code in there.

If it's not, please explain again with some screenshot images to be clear everything.

Best Regards, C-Themes

Edzard Contze
1 month ago

Hi,

I was wondering if it is possible to make the default header sticky. Instead of turning the "sticky header" on in the theme options. But to make the current header sticky, I don't want an alternative sticky header. See website below for the header I want to be made sticky.

www.hiddenfortunes.nl 

Kind regards,

Edzard