Archived topic

Sub-sub-menu

6 replies · Started by John on January 12, 2022

Viewing posts 1–7 of 7

January 12, 2022 at 3:39 am #2077661

Hello Support at GeneratePress !

In my off-canvas menu I would like the sub-sub-menu items indented.

Please go to into the menu on http://www.understand-culture.com and choose: Contrasts ... Germany:USA ... Persuasion. You will see the term "Objectivity". I would like that term, and all in that sub-sub menu, indented.

Is that possible? I suspect it will require CSS.

Thank you.

John

January 12, 2022 at 10:31 am #2078296

Hi John,

Try this CSS:

#generate-slideout-menu ul.slideout-menu ul ul ul li a {
    margin-left: 40px;
}

Let me know if this helps :)

January 12, 2022 at 10:41 am #2078311

Perfect, Ying. Thank you !

But before you go, how can I change all terms in the sub- and sub-sub-categories from non-caps to caps ... i.e. communication to Communication?

John

January 12, 2022 at 12:01 pm #2078378

Try this:

.slideout-navigation.main-navigation .inside-navigation .main-nav ul ul ul li a {
    text-transform: capitalize;
}

If you want to target its parents, remove 1 ulfrom the above CSS, if you want to target its children, add 1 more ul before li.

Let me know if you need further assistance :)

January 12, 2022 at 12:01 pm #2078379

Try this:

.slideout-navigation.main-navigation .inside-navigation .main-nav ul ul ul li a {
    text-transform: capitalize;
}

If you want to target its parents, remove 1 ulfrom the above CSS, if you want to target its children, add 1 more ul before li.

Let me know if you need further assistance :)

January 12, 2022 at 12:04 pm #2078381

Genius !

Thanks, Ying.

John

January 12, 2022 at 12:29 pm #2078402

No problem :)

This archived topic is closed to new replies.

Start building better websites today.