Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Nav dropdown menu with multiple columns falls off page


MJohn

Question

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

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

4 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

[href="/ministries"] + span {
    column-count: 2;
    margin-left: -200px;
}
[href="/resources-1"] + span {
    column-count: 2;
    margin-left: -150px;
}

 

Link to post
  • 0

Thanks so much! It works but the columns are uneven and the hover underline of the last item in the first column appears at the top of the second column. How strange!

Screenshot 2020-10-18 at 5.47.43 PM.png

Screenshot 2020-10-18 at 5.47.52 PM.png

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...