Menu too long on mobile + landing page

  • Hi, I have a WP blog since many years, and I just changed the theme for Tracks (thanks). I have 2 questions :

    1- Menu: when I open the menu on Mobile, all pages are displayed one after the other, whereas I would like to have only the main sections displayed. And then when you click on 1 section, the pages inside each should be displayed. (ex : we should see only Blog/Reunion/European Roadtrip… and when you click on “Reunion” it should display “all articles/bathing/activities…”).
    How to do this?

    2- Landing Page: Since now, my main page was a Blog page. Now I would like to have a real homepage/landing page. Is there a demo/tuto of a landing page with the Tracks theme? Should I use a specific page builder?
    (I would like a good looking homepage with a first big picture fullwidth, differents section : last articles, a main video… like on this blog for example: https://thefoxesphotography.com/ (even if it’s more simple, but to give you an idea).

    Sorry for my english if it’s not clear enough. I’m a french speaker.
    Thanks a lot.
    Best regards.

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

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

    (@bensibley)

    Thanks for using Tracks!

    For the menu, you can add this CSS to hide the sub-menu items so that only the parent menu items are visible:

    @media all and (max-width: 799px) {
  .menu-primary-items .sub-menu {
    display: none;
  }
}

    Please copy and paste this into the Customizer (Appearance > Customize), and it will take affect right away.

    I’m afraid it isn’t possible to add a feature to click on a menu item to expand it in the mobile menu.

    For the landing page, it is possible to build a nice layout using the blocks in the post editor. There are Group and Column blocks that allow for different layouts. However, to create something just like the site you linked to, you may want to consider using the Elementor plugin. That will give you freedom to edit the entire page and add a background image like that website has.

Viewing 1 replies (of 1 total)
  • The topic ‘Menu too long on mobile + landing page’ is closed to new replies.