Docs

[kestough]

Any ideas why the below code would work to make the Rev Slider on the homepage go behind the Nav & Logo bar when using Chrome but not in Firefox?

Any ideas on how to fix it? It’s the renew stack, and the code is done inside Cornerstone on the page level under “settings”>”Custom CSS”.

@media (min-width : 980px) {
.masthead {
margin-bottom: -220px; !important!
}
.x-navbar {
background-color: rgba(0,0,0,0) !important;
}

Thanks in advance!
Dev URL: http://tabanerocigars.flywheelsites.com/

[Paul R]

Hi,

Please change that code to this.

@media (min-width : 980px) {
.home .masthead {
    position:absolute;
    top:0;
    width:100%;
}

.home .x-navbar {
    background:transparent;
}

Hope that helps.

[kestough]

That doesn’t seem to have fixed it – and it removed the transparency all together. It’s a slider revolution on the homepage that I’m trying to get under the logo & nav bar – does that make a difference?

[Paul R]

Hi,

There is a syntax error in your css code, plesae remove this code in Custom > Edit Global CSS

https://www.screencast.com/t/haFlHIrHwy

There is also a missing bracket in the code I provided above.

Please change it to this.

@media (min-width : 980px) {
.home .masthead {
    position:absolute;
    top:0;
    width:100%;
}

.home .x-navbar {
    background:transparent;
}
}

If that doesn’t help, kindly provide wordpress admin login in private reply.

[kestough]

This reply has been marked as private.

[Joao]

Hi There,

Please provide full admin credentials in order that we can take a closer look.

Thanks

[kestough]

Updated user privileges. Thanks!

[Lely]

Hi There,

Please update to this:

@media (min-width : 980px) {
.home .masthead {
    position:absolute;
    top:0;
    width:100%;
}

.home .x-navbar {
    background:transparent !important;
}
}

Hope this helps.

[kestough]

That worked! Thank you!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts