Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 10, 2015 at 3:34 pm #426616
    110percent

    Hello

    I’m having some issues with the drop down menu on a site I’m building.

    Some of the drop down navigation links are quite long and the text needs to run over two lines, but it doesn’t. It appears that the content of the second line is on top of the first line.

    Additionally, the section that each link sits in seems very big compared to normal, and the text doesn’t sit equally between top and bottom. Hover each drop down menu link to see this more clearly.

    Any help would be appreciated.

    Thanks

    April 10, 2015 at 9:23 pm #426791
    Elliott

    Hey 110percent!

    Are you using some custom CSS? If so then paste it here so we can take a look.

    Cheers!
    Elliott

    April 13, 2015 at 9:16 am #427360
    110percent
    This reply has been marked as private.
    April 13, 2015 at 11:03 am #427412
    110percent

    I’ve tried removing all of the custom CSS and nothing changes.

    April 14, 2015 at 6:10 am #428000
    Rikard

    Hi!

    Did you manage to get this fixed? I can’t see the issues you’re describing on my end.

    Best regards,
    Rikard

    April 14, 2015 at 8:07 am #428033
    110percent

    It’s still very much there I am afraid. On both a PC and MAC in several different browsers.

    See this screenshot – https://www.dropbox.com/s/zbov5m3hfu905fz/Screen%20Shot%202015-04-14%20at%2007.02.58.png?dl=0

    April 14, 2015 at 8:16 am #428036
    110percent

    The space on all of the links above the text is bigger than the space below.

    Also, the link below the one hovered has all of the text on the same line, when it needs two.

    Thanks

    April 15, 2015 at 5:11 am #428674
    Rikard

    Hi!

    Ah I see, I thought you meant that the actual text was spanning over two lines. Please try the following in Quick CSS under Enfold–>General Styling:

    .sub-menu a{
line-height: 52px !important;
}

    Cheers!
    Rikard

    April 15, 2015 at 8:50 am #428745
    110percent

    Thanks very much. All working.

    I had to add the following code too as for some reason the height was massive.

    height: 100% !important;

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Drop down menu links over two lines’ is closed to new replies.