Archived topic

How to target sublists Slideout Menu - Add List Type Style - Lower Roman

4 replies · Started by Scott on May 13, 2020

Viewing posts 1–5 of 5

May 13, 2020 at 12:22 am #1281976

Hello,

I'm struggling to target the slide-out menu sublists.

I would like to apply the list-style as - lower-roman.

Any ideas how I could do this?

I want the sublists, to be in lower-roman style.
So i, ii, iii, iv etc...

E.g. -

Home
Page
Another Page
Sections
i Residential
ii Education
iii Building
iv Public
Contact Us

Thank You

May 13, 2020 at 1:49 am #1282048

#generate-slideout-menu .slideout-menu li ul li
list-style-type: lower-roman;
margin-left: 1.5em; /* This brings them into view */
}

May 13, 2020 at 4:13 am #1282179

Hi there,

i can see the roman numerals fine - did you resolve the issue ?

I can see a little horizontal scroll because of the padding you added with this CSS:

#generate-slideout-menu.main-navigation .main-nav ul ul {
    box-shadow: none;
    padding-left: 2em;
    margin-top: 2px;
    box-sizing: border-box; /* Add this line */
}

Include the commented property i added above to fix that.

May 15, 2020 at 2:04 am #1285293

Amazing, thank you!

May 15, 2020 at 3:00 am #1285347

You're welcome

This archived topic is closed to new replies.

Start building better websites today.