show an overlay menu element, only in hOMEPAGE
-
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.
-
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
-
@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!
-
-
-
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it