Jump to content

text indentation (bullets) not working on mobile

Recommended Posts

Site URL: https://celery-beige-2z8c.squarespace.com/dream

Hello!

https://celery-beige-2z8c.squarespace.com/dream
pw: wildwomen

In the first block of text on this page, I would like the bullets to be indented. This looks great on desktop, but on mobile (both squarespace mobile view and on safari on iOS), the bullets are moved to the side, creating with a huge gap (whitespace). It seems like the indentation does not move relative to the text above.

I've played around quite a bit with formatting, and nothing seems to help. I'd be happy with putting some code in the css that makes it so that indentation moves with the text above (if that makes sense) or just doesn't indent at all once the screen is smaller than a standard sized screen.
 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1590659335562_14167 ul {
    margin-left: 0 !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.