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

Home Forums CSS [Solved] Center align drop-down list inside a drop-down menu

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

    I am trying to figure out how to center-align a dropdown list with the cooresponding header in my navigation bar.

    In other words, center align ul li with ul li ul

    I’m using a pretty standard setup for the nav-bar:ul li a.

    Please see my codepen for more details:


    Wow, thank you. That is perfect!


    Hello, I’m now trying to see if I can add a “menu” button for when the screen gets below a certain size to toggle the navigation bar. I have tried using the “responsive nav” from but it seems to cause more issues than it resolves. I have incorporated it into my code but I have commented the class that enables it.

    One note, I’m trying to keep the html as simple as possible for maximum flexibility to edit it using a CMS down the road.

    If my code is too messy right now, let me know and I will see what I can do to reduce things down to the pure essence.

    See the Pen Responsive Menu by Izaac Post (@izaacpost) on CodePen.

    <script async src=”//”></script>

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