Bullet points don't appear in the right place in mobile version

Site URL: https://www.rivkadette.com/mentoring

Hey, I have several bullet points on my services page, and in the desktop version it's at the right place, in the mobile version it's all cramped to the right side and not really readable.

Is there a code to fix this??

Mobile version:

Desktop version:

18 hours ago, RDette said:

Site URL: https://www.rivkadette.com/mentoring

Hey, I have several bullet points on my services page, and in the desktop version it's at the right place, in the mobile version it's all cramped to the right side and not really readable.

Is there a code to fix this??

Mobile version:

Desktop version:

Add to Design > Custom CSS

/* Fix list on mobile */
@media screen and (max-width:767px) {
ul {
    margin-left: 0 !important;
}
}

Thank you, that solved the problem!

Hi @tuanphan - is there a way to fix this for image card as well for bullet points?

https://plum-ocelot-fakz.squarespace.com/

pass - spine

On 3/26/2022 at 7:34 AM, jesswp said:

 

Hi @tuanphan - is there a way to fix this for image card as well for bullet points?

 

https://plum-ocelot-fakz.squarespace.com/

pass - spine

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.image-card.sqs-dynamic-text-container ul {
    padding-left: 0px !important;
}
.image-card.sqs-dynamic-text-container ul * {
    text-align: left !important;
}
}

@tuanphan I've tried your code above to fix the same problem, but it didn't seem to work alas. 

Trying with a list on this page, but want a site wide rule

https://together-learning-trust-new.squarespace.com/join-our-trust

PW: David123

On 4/27/2022 at 5:14 PM, JoelleM said:

@tuanphan I've tried your code above to fix the same problem, but it didn't seem to work alas. 

Trying with a list on this page, but want a site wide rule

https://together-learning-trust-new.squarespace.com/join-our-trust

PW: David123

For site wide, add this to Design > Custom CSS

/* Mobile - List */
@media screen and (max-width:767px) {
ul {
    padding-left: 0 !important;
}
ul * {
    text-align: left !important;
}}

@tuanphan thank yoooooooooou!! 🥰