I am looking to delete my navigation menu on the landing page of a site I am building. However, I can't figure out how to ONLY target that page. The way I do it with the other pages, is that I write (window.location.pathname.includes("/pathname")) when I want to target a specific page.
But if I want to target the origin (www.hostname.com) of the site, I can't seem to do it without deleting the nav menu on all other pages since they all share the same hostname.
This is the function I am trying to execute:
function landingPage() {
if (window.location.origin === "www.something.com") {
document.querySelector(".main-navigation").remove("#primary-menu");
document.querySelector(".site-branding").remove(".custom-logo");
}
}
If you want to target a specific page on a site, then you need to check location.href or location.pathname as you are doing for other pages.
The origin defines the entire site, not its homepage.