show an overlay menu element, only in hOMEPAGE

[panteley]

Hi,

Is there any way to show an element in overlay menu only on one page, in this case, the homepage and hide it from everywhere else.

I already know that this way:

.slug-page .overlay-element {
 display:none; 
}

But I will be time-consuming to repeat this for every page, and product I have.

To be more precise, I'm using Overlay Menu and inside it I have the logo. But the thing is that in other pages beside the Home, the logo is already displayed.

[arminunruh]

sure why dont you right click that element in the gridder, click "set html class and id"

then set a class like: hello

then

.hello{
display: none;
}
.slug-home .hello{
display: block;
}

this hides the .logo html element everywhere, but shows it on the homepage. in case your homepage slug is home :D

[panteley]

@arminunruh said in show an overlay menu element, only in hOMEPAGE:

.hello{
display: none;
}
.slug-home .hello{
display: block;
}

Amazing! Thank you so very much!