Hello

Try adding hidden-desktop to the Module Class Suffix field of your modules settings (Advanced tab).

Ciarán

Hi! But I cant add the latest news module to the menu, right?
And if I set the module to hornav it isn't visible.

Hello

Would you have a URL to an example of your latest news module in the hornav position and I will examine why it is not visible?

Ciarán

link

Thank you

You appear to already have a menu in the hornav position. Do you wish to replace this menu with latest news items?

Ciarán

Yes I do. I don't want to replace it. My question is if I can somehow show the "latest news" module in the menu, on the responsive template. I would like my mobile visitors to see latest news but I don't want to have sidecol in responsive.
Solution number 2 would be to show sidecol below the content, would that be possible?

Hello

The only option easily available would be to place your latest news after your main content on mobile devices. To do so try adding the following to the Custom CSS field of your templates parameters...

@media only screen and (max-width: 767px) {

    #main {

        display: flex;

        flex-direction: column;

    }

    #sidecol_a, #sidecol_b {

        order: 1;

    }

}   

Ciarán

Yes that would be great. Tried the custom css but sidecol is still in the top of the page.

Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Of course!

Thank you Jessica

All should be fine now.

Ciarán

Thank you so much

Hi,

in addition to showing the main menu on hamburger (mobile), I want add other menu modules to hamburger,

example: in my site I ´ve more two menus modules on sidecol position, so i want hide modules in mobile version and show this menus on hambuguer

so my questions is how to hide or show menu module on hamburger menu (mobile)?
or how to hide some items from main menu in desktop version, and showing in mobile version?

Note: in menu modules I don't have "Module Class Suffix".... to insert code 'hidden-desktop'

Hello

Sorry to say at present this option is not available. A workaround may be to add all menu items to your main menu and then hide the items you do not want displayed on desktop using CSS.

Ciaran

Ciaran,

how can I do it?
I try add "hidden-desktop" to Link Class on Menu Item
I also tried add custom css like this for main menu item ID2431

#hornav .item-2431 {

    visibility: hidden-desktop;

}

with no success
tks in advance

Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

Where 640 is the menu item ID for the menu item not to display on desktop (repeat for each).

.hornav ul.menu > li.item-640,

.hornav ul.menu > li.item-647 {

    display: none;

}

Ciaran

Hi Ciaran,

tks for reply, worked for level 1, but level 2 (sub-menu) not worked
I try something like this without success

.hornav ul.sub.menu > li.item-2431 {

    display: none;

}

Hello

To amend try the following instead...

.hornav ul.menu li.item-2431 {

    display: none;

}

Ciaran

Perfect! thank you