Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Help with superfish drop down

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #255417

    So I am trying to underline the text that is being hovered but when the underlined is applied the li expands downwards (as you can see under the tournaments tab). I have tried setting padding to 0 on hover (which worked with the top il’s) but it is still not working :/

    Any help would be greatly appreciated!
    Thanks!!

    https://codepen.io/anon/pen/zzORxQ

    #255423
    Beverleyh
    Participant

    I’m sorry to say, but a 200 line CSS file isn’t something that many people will want to pick through. You should try to reduce it to just the pertinent parts, so that just enough remains to demonstrate the issue (I reckon you could do it in less than 20 lines).

    That said, if the hover is adding border-bottom: 4px solid white;, try putting border-bottom: 4px solid transparent; on the default/un-hovered state. This should neutralise the jump – the logic being that the border will be there all the time but it will only turn white when a button is hovered.

    #255446

    THANKS!! Worked like a charm!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.