ResolvedHow to have more “+” in sub dropdown menu mobile version

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #24279
    beunyke
    Participant

    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

    #24321
    Althemist
    Keymaster

    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

    #24327
    beunyke
    Participant

    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

    #24367
    Althemist
    Keymaster

    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

    #26321
    erbesso
    Participant

    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.

    #26326
    Althemist
    Keymaster

    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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for any item belonging to this account
AlThemist

AlThemist

sales 17373, followers 742
Login and Registration Log in · Register