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

Home Forums CSS [Solved] Problem with pure CSS dropdown menu

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #196820

    I’m using the pure CSS dropdown menu here.

    The issue I’m having is that once you get down to
    nav ul ul ul li a {
    margin: auto;
    padding: 8px 35px;

    The menu item is concatenating anything over about 10 characters and putting on two lines. I can’t seem to solve the issue. The examples uses very short menu descriptions at that level so you don’t see the problem in the demo. However, if you use that code and instead of HTML or CSS, you use something like Acceptable Use policy, it won’t work. The code I added above was to try and fix the demo. It does make the menu at that level wider but the text is still split.

    Any ideas how I can fix this?


    The tutorial isn’t loading at the moment but you could try setting a min-width?


    Any ideas how I can fix this?

    If you show us where you are in a demo we may be able to help.


    Unfortunately, that means having to delve around with developer tools.

    A reduced case demo in us much more useful.

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