Support » Theme: Tracks » Organize menu and sub-menus

  • Resolved nipait

    (@nipait)


    Hi all!
    I managed somehow to organize the menu how I preferred and in the wide-screens version it looks quite ok (not amazing but ok).
    The problem comes when I browse it in the mobile version: it becomes totally flat without hierarchy and it is hard to orient in.

    Any clue how I could improve this “issue”?

    Thank you 🙂

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Tracks! And nice job with your customizations so far 🙂

    I think the most elegant solution will be to left-align the menu items in the mobile menu which will reveal their natural hierarchy:

    @media all and (max-width: 50em) {
    
      #menu-primary {
        text-align: left;
      }
    }

    You can add that CSS to the Additional CSS section in the Customizer or your child theme’s style.css file.

    You solved my problem with one line of code!!
    Thank you man, and thank you for maintaining such an amazing theme

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome! Thanks for the kind words 🙂

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