Jump to content

A folder with sub-pages is not automatically creating a drop-down on my site header

Recommended Posts

Site URL: https://www.becnet.org

I went through the chat help and they directed me to the forum. I just added a new folder to my organizations webpage for events because I want to have dedicated subpages for each of our annual events because I want our annual events to have dedicated pages as dropdown items from the site header. However, these are showing up in my site header rather than as dropdown like my other folders. The chat help person found that in "Design>CSS" we have a custom code that appears to be the problem. The person who originally designed this website is no longer an employee here (and I had no idea they even knew anything about custom coding) so I don't even know what/why this custom code is added here in the Design section. Please help me figure out if I can/need to just delete this custom coding and/or edit it so that I am not having this issue with the Events folder subpages showing up in my site header rather than as dropdown items. Thank you!

.header-actions .header-nav-item {
  padding-right:1vw !important; /**change as needed**/

}

.header-nav-list   {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end !important;
      -ms-flex-pack:end !important;
          justify-content:flex-end !important;
  .header-nav-item {
     padding-right:1vw !important; /**change as needed**/
  }
}

.header-actions--right {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}

.header-actions .header-nav-item {
  padding-right:1vw !important;//change as needed

}

.header-nav-list   {
  display:flex;
  justify-content:flex-end !important;
  .header-nav-item {
     padding-right:1vw !important; //change as needed
  }
}

.header-actions--right {
  display:flex;
  justify-content:space-between;
}

.header-display-mobile .header-nav-item.header-nav-item--collection {
display:none;
}

Website Design Code.PNG

Website Error.PNG

Link to comment
  • Replies 3
  • Views 211
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 4/7/2022 at 4:01 AM, CaitlinD said:

I did not figure it out, I unlinked those pages for now because I do not want this public facing while I am actively trying to promote this event. 

You can duplicate your site, then share duplicated site url, then we can check code easier. If we can fix, you can transfer code to main site later

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.