Site logo

Archived topic

Conditional menu showing at the buttom

5 replies · Started by Futte on September 5, 2020

Viewing posts 1–6 of 6

On mobile, on the pages, where I have a conditonal menu, theese menus are shown on the buttom of the page. Can I move them, so they are right under my main menu?

Hi there,

Sorry I'm not seeing a menu at the bottom of the page?

Is there a specific page I should be looking at?

How is the menu added?

Let me know :)

You must look at Fællesskaber>Frøslev & Omegn or Frøslev Skole. I have added those as conditional menus with instructions and help from David. You can see his code here: https://generatepress.com/forums/topic/always-expand-secondary-menus/
On Desktop, the menus are showing correct at the left sidebar, but on mobile, the menu is in the bottom of the pages. There are to menus on the pages. At the top is the mainmenu (Hovedmenu) and at the bottom a menu for the page(s). I would like to move that menu to the top, right under the maninmenu.
Hope it makes sence.

Try adding this CSS:

@media(max-width: 768px) {
    body.left-sidebar .site-content {
        display: flex;
        flex-direction: column-reverse;
    }
}

This will move the left-sidebar above the content on mobile

That worked! Great job!

You always give me a usefull answer, and I love that. I jet have another problem with the menus on mobile. I made a picture of the problem, but I don't know how to share it with you.

The problem is, that on mobileview on Frøslev & Omegn, the "child/sub-menu" doesn't show. Its fine on destop. I worder, if its something with colors, as there is made space for the child/sub menu/items.

Hope you can help me

Can you open a new topic for the separate question as this one is resolved?

You can use a service like this to upload screenshots if needed:
https://postimages.org/

This archived topic is closed to new replies.