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

Home Forums CSS Responsive menu with a logo centered between the menu items

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

    I’m trying to code the following responsive navigation menu design:

    It’s beyond my level of proficiency right now, there are no off-the shelf plugins I can find to use as a template.

    I imagine there are 3 paths to take:

    1. Logo is an a>img in a li in the unordered list as the 3rd of 5 items (desktop first)
    2. Logo is the same but the first of the 5 items (mobile first)

    In these options css/js would be used to position the menu items around each other based on media queries

    1. Something like is used to swap out new markup for desktop vs mobile.

    How would you approach this problem?


    I guess a 4th option would be to reorder the li’s using javascript.

    Curious what anyone thinks would be the most elegant option

    David Hosanna

    OOT, I love your Drawing :>


    I’m looking to build the same. Did you ever find a solution or could you point me in the right direction?

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.