Jump to content

Nav dropdown menu with multiple columns falls off page

Recommended Posts

Site URL: http://www.gmc.org.sg

I found the code from another thread and put it into my site:

[href="/connect"]+.Header-nav-folder,

[href="/ministries"]+.Header-nav-folder,

[href="/resources"]+.Header-nav-folder {
    column-count: 2;
}

It works beautifully, only that the Ministries folder falls off the page and the Resources one doesn't work (screenshots attached). Is there a way to solve this? I removed the code for the 'ministries' item on the site so that it wouldn't be live.

Thanks!

Screenshot 2020-10-17 at 3.31.01 PM.png

Screenshot 2020-10-17 at 3.31.37 PM.png

👋 Michelle John
💕 
Catchafire volunteer 
🖥️ Web & graphic design for churches, nonprofits & small businesses

🔗 brambledesign.co

Bramble Design

Link to comment
  • Replies 4
  • Views 565
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.