Site logo

Archived topic

moving bullet points and numbered lists to the left

5 replies · Started by kiant123 on December 13, 2021

Viewing posts 1–6 of 6

Hi,

How would i move bullet points and numbered lists a bit more to the left on mobile view? Currently they appear a bit too much to the centre when i look at my site on mobile?

Hi there,

add this CSS:

@media(max-width: 768px) {
    ol, ul {
        margin: 0 0 1.5em 1.5em;
    }
}

the margin values are Top, Right, Bottom, Left.
So that CSS is reducing the LEFT margin from 3em to 1.5em

Super! Worked perfectly. Thank You!

Glad to hear that!

Thank you

You're welcome

This archived topic is closed to new replies.