Jump to content

Dropdown Menu Folder Items Hidden Behind Navigation Bar?

Recommended Posts

Hi! The folder items in my header navigation dropdown are hidden behind what seems to be the header itself. I've dug around the code to see if something is causing this- however It seems I am missing the problem. I've tried targeting the class of the folder and set the z-index higher but this does nothing. Can someone help me solve this issue? See the css for the header navigation styling below and a screenshot attached. In the screenshot you will notice only 2 of the dropdown items are visible, however, there should be more below. Unfortunately this is a member page, but id be happy to make it public for a bit to check the code? 

#collection-655b6a902ec88040d8291a36 .header-display-desktop {
  background: rgba(64, 64, 63, 0.3);
  border-radius: 100px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 3em;
  padding-left: 3em;
  max-width: 100%;
  z-index: 1;

Screenshot 2023-11-21 at 10.12.21 PM.png

Link to comment
  • Replies 4
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

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.