Armin, thanks so much!
I must have written the CSS correctly the dozen times I checked it, but it turns out that checkbox was disabling it.
I knew it had to be something very simple that I just couldn't figure out—it's such a basic feature and I'm sure I've done it right before.
Thanks for being so attentive to all of us!
Maggie
okitswinter
Posts
-
Can't hide logo, tagline, and menu on specific page -
Can't hide logo, tagline, and menu on specific pageOf course! I've just sent it.
-
Can't hide logo, tagline, and menu on specific pageHi Armin,
Thanks for your reply!
I've already deleted the LightSpeed Cache plugin.
The CSS lines are written under Lay Options > Custom CSS & HTML > Custom CSS, but it’s still not working.Let me know if there's anything else I should try.
-
Can't hide logo, tagline, and menu on specific pageIn fact, I can’t hide the title, tagline, or menu on any page or project.
There must be something I’m missing.
Thanks again! -
Can't hide logo, tagline, and menu on specific pageHi Armin,
Thank you so much for your reply.
Here’s the link to my website (it’s still under construction):
https://gathereditions.com/info/I also tried using page-id-2020, but didn’t get any results either.
I’m not using any additional plugins, everything is up to date, and I’ve only designed a few pages — so I’m really not sure what could be causing the issue.
Thanks in advance!
Maggie -
Can't hide logo, tagline, and menu on specific pageHi, first off, I want to say LayTheme is an amazing theme! I've used it multiple times and it's always been great. However, I’m having trouble hiding the logo, tagline, and menu on a specific page of my website. I’ve tried several solutions, but they’re still visible on the page.
What I've tried:
Used CSS and JavaScript to target the page by its slug (slug-info).Tried the following CSS:
body.slug-info .sitetitle,
body.slug-info .sitetagline,
body.slug-info nav.primary {
display: none !important;
}Also tried JavaScript:
<script>
document.addEventListener("DOMContentLoaded", function () {
if (document.body.classList.contains("slug-info")) {
const elementsToHide = [
document.querySelector(".sitetitle"),
document.querySelector(".sitetagline"),
document.querySelector("nav.primary")
];
elementsToHide.forEach(el => {
if (el) el.style.display = "none";
});
}
});
</script>Issue:
The elements still show up on the page. I’ve cleared my browser and site cache, but it’s not working.Any suggestions or help would be greatly appreciated!
Maggie