Teifi Posted January 25 Posted January 25 (edited) 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) : Other page (link) : Edited January 25 by Teifi Emoji replaced parenthesis and colon which was not my intention
Solution jpeter Posted January 25 Solution Posted January 25 @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: tuanphan and Teifi 1 1 Full stack developer who loves helping people out with anything web related. If you'd like to support me, buy me a coffee!
Teifi Posted January 25 Author Posted January 25 Cheers! Thank you so much @jpeter. That worked perfectly 😊
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment