[beunyke]

Hello guys,

in the mobile menu, we only have the “+” sign to show the submenu options.

How can we also have or add with css the “+” for the submenu and sub sub menu options?

Since we have a lot of categories it makes easier to have more “+” in the sub sub menus.

Thank you very much.

Screenshot: https://drive.google.com/file/d/1hwZywXuPtpAtC9sMvRWSLMru4y_Z063j/view?usp=sharing

[Althemist]

Hello beunyke,

I am afraid there is no easy way to do this. I mean, it can’t be done with just a simple code snippet.

I’ll discuss with the team if it’s possible to include such feature in the next theme update.

Regards,
Dimitar

[beunyke]

Hello Dimitar,

thank you very much for your answer, and I really appreciate that gesture to try to include something like this in the theme.

In the meanwhile, is it possible with css to change the color of the submenu titles, like we can do in the desktop version, with different size of font, or having a bold option, of for example different color?

So the titles of the 1st and 2nd level to be yellow, and the title options inside of the submenu to be white?

thanks

[Althemist]

Yes, you can do this with CSS.

ul#mobile-menu.menu > li > a, ul#mobile-menu.menu > li > ul.sub-menu > li > a {
    color: yellow;
}

Regards,
Dimitar

[erbesso]

Hi sorry. I have the same problem as Beunyke. I too, having many sub-categories of 1st, 2nd and 3rd level, I see from the mobile menu a very long list that I would like to organize with mega-menus. Considering that it is not possible, at least until you plan to do it in the next update, I too would like to change the size / color to differentiate the levels of the categories. This css code snippet you provided to Beunyke, where should it be entered? sorry but I’m a beginner.

[Althemist]

hi erbesso,

the best way would to use a child-theme and place the code in it’s style.css

Alternatively, you can place the code in Appearance > Customize > Additional CSS field.

Regards,
Dimitar

[Author]

Posts