How to hide "Sliding-Top" Area on Homepage only?

jamiebarren · June 2015

In regards to "sliding-top" area found at --->>> (Appearance > BeTheme Options > Header & Subheader > Extras section and turn on Sliding Top option.)
Is there a way to hide/remove the sliding-top area on my homepage only? [ www.hollywoodblvdcrawl.com ] But keep it on all other pages?

jamiebarren · June 2015

i think i solved issue and hopefully the following custom css code was correct that i used (please advise and correct me if i did something wrong):

.home #Sliding-top{
display:none;
}

Albert · June 2015

Hi,

there is much easier, ON/OFF button under Theme options > Header & Subheader > Extras section.

misjoelken · April 2016

Hi, on this topic i could use some help. Due to a very static menubar i need an alternative responsive menu for mobile. I would like to use the silding top. How can i disable it on desktop & tablet using css? I seem to mess up the viewports -_-'

Thanks

Albert · April 2016

@misjoelken To disable Sliding Top on mobile, you need to use the following css:

@media only screen and (max-width: 1239px) {
    #Sliding-top { display: none !important; }
}

How to hide "Sliding-Top" Area on Homepage only?

Comments