How to change main menu layout (responsive mode)?

csoweb

Hi,
the main menu section in Joomla Photo template shows when in responsive mode different sizes (and colours) of menu items. Unfortunately I cannot find where to define which of the main menu items is shown big or small (size and colour). See attached screenshot.

Joomla v 3.10.11

Thanks in advance
Thomas

saguaros

Hi Thomas,

May I know how you want to change so I can suggest further?

If you want to customize style for menu on mobile, you can try with media queries:

@media (max-width: 480px) {
/*your custom code goes here*/
}

csoweb

Hi, thanks!

I would like to modify the menu layout font sizes (the main a bit smaller, and the small a bit bigger) and if possible , for a better contrast, change the colour of the sub-items to white or yellow. I suppose that has to be done at different places depending whether for responsive or normal mode?
Thanks in advance!
Thomas

saguaros

Could you illustrate the modification you expect via screenshots? I will take a look.