Jump to content

Dropdown menu shows up on Home page but not other pages

Go to solution Solved by jpeter,

Recommended Posts

Can someone please help me figure out why my dropdrown menu shows up on my Home page but not on other pages?

I'm having to go back to the Home page just to access the dropdown menu items. Thanks in advance for the help!

Home page (link) :

image.thumb.png.d83000e6dc4583228d4dc6fd4636df4f.png

Other page (link) :

image.thumb.png.d3ff8dcef0ef33296a1fb9a5638bb829.png

 

Edited by Teifi
Emoji replaced parenthesis and colon which was not my intention
Link to comment
  • Solution

@Teifi Looking at Chrome's dev tools, it looks like you have CSS on that page that is hiding the dropdown menu. I would update at CSS to the following:

NEW CSS

/* Change HEADER nav links on DESKTOP so it goes to home page instead of being anchor links on same page */
.header-nav-list > div:nth-of-type(1),
.header-nav-list > div:nth-of-type(2),
.header-nav-list > div:nth-of-type(3),
.header-nav-list > div:nth-of-type(4) {
	display: none;
  	margin-right: 0;
}

This will target the <div> tags that are direct children of the .header-nav-list element rather than ALL <div> tags.


Screenshot of code causing the issue:

image.thumb.png.de872c64b9ec36c058cf4d681a8bef6f.png

Full stack developer who loves helping people out with anything web related. If you'd like to support me, buy me a coffee!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.