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

Home Forums CSS Horizontally centering a menu to full width with vertical child items

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

    I’m not sure if this duplicated, but my posts weren’t showing up… So, I’m trying again. Hello, what I need is a horizontal menu that’s 100% width. I was able to do this by setting the main ul to display:table, and the main li’s to display:table-cell. When I say “main”, i mean the “main” menu items, not the children. My issue was that the children items (vertical dropdown) doesn’t work anymore. It doesn’t show at all. I’ve tried overriding those to display:inline-block, as the css for the ul and li were trickling down to them.

    • item1

      • child item1
      • child item2
    • item2
    • item3

    If you need more sample code from me, I can try to send that, but it’s all over the place at the moment, as I’ve been trying so many different ways. Thanks.


    Perhaps you could make a Codepen?

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