header changing…

I have tried this snippet, but it only brings the slider to the top of the page, but not underneath the header (nav-bar and so on).

Is there a way to move the slider underneath the header (logo – tagline – nav-bar [menu])?

Thanks!

Maybe try making the slider position:absolute and then adjusting the z-index of the other header elements?

Do you have a link to the site?

Maybe try position:absolute and top:0 on the slider. Then adjust the z-index of the other header elements?

Do you have a link to the site?

thanks,

oh yeah shop.h4bs.com

I have use a snippet and now the slider is above the header.

but what I do want is Customizr the way it is.

slider scrolling an going away when you go down the page.
but the header (menu-nav bar, logo and tagline above the slider….

Not understanding what you want, sorry.

You currently have:
– Slider (Fixed at top)
– Header/Navbar (Fixed at top, sticky)
– Featured Pages (Scrolling)

Are you looking for:
– Slider (Scrolling)
– Header/Navbar ((Scrolling, then Fixed at top, sticky)
– Featured Pages (Scrolling)

Would have been simpler to stay with the default:
– Header/Navbar (Fixed at top, sticky)
– Slider (Scrolling)
– Featured Pages (Scrolling)

Hi rdellconsulting,

Thanks for coming by.

I want to have something like this : https://www.dayspa.nl/nl/

Would have been simpler to stay with the default:
– Header/Navbar (Fixed at top, sticky)
– Slider (Scrolling)
– Featured Pages (Scrolling)

This is what I want, but then Slider underneath Header/navbar.

Is it possible with Customizr? I thought it is something like by presscustomizr.com but then with the header/navbar sticky to the top…..

OK, that must be using transparency and z-index.

Can you strip out any new CSS so we can start again from the nearest version?

I have deleted the snippet from functions.php

OK try:

.tc-sticky-header #tc-reset-margin-top {
    display: block;
    margin-top: -40px !important;
}
.sticky-disabled .tc-header {
    top: 0;
    background-color: rgba(255,255,255,0.0);
    border-bottom: none;
}

hi,

I have copied these lines to the style.css (chid-theme).

When I open Customiser I see the code in action, but when live it does not work..

???? what else do I need to change?

Now I see it working. thnaks.

I tried to make navbar transparent too when scrolling but was not able to find the good selector ??

.sticky-disabled .tc-header,
.sticky-enabled .tc-header {
    top: 0;
    background-color: rgba(255,255,255,0.0);
    border-bottom: none;
}

thanks.

I am trying to apply the same code to this site: https://beauty.h4bs.com/

but it does no work….

just wondering why….

it is also working for beauty.h4bs.com

thanks!