We are using enfold for our website.
On a desktop the menu works fine, but on a mobile device it is not very practical to have such a long list for the menu. Instead I would prefer if the menu, when viewed on a mobile device, only showed the menu headers (e.g. ‘Meditation i Stockholm’, ‘Uppsala’ etc). Then when you click on ‘Meditation i Stockholm’ for example, the menu expands and you see the next level of headers (‘Veckorkurser’, ‘Helgkurser’). Then you click on this level of header to get info about the actual classes we are offering.
Is this possible with the Enfold theme?
If you look at this website (https://rorfokus.se/) on a mobile device, you will see what I mean.
You can set that under Enfold->Main Menu->Burger/Mobile menu. Look for the Menu Icon Submenu items option.
That was easier than expected! Thanks so much for your reply :)
However, one slight issue now is that when I am looking at the Burger menu on a mobile device, the top menu item is not at the top of the page. It is about one third down the page. It only moves to the top of the page when I click on a menu header to open up the menu. It is OK, but it looks a bit strange. Do you know how we can fix this?
You must be logged in to reply to this topic.