Jump to content

CSS to remove vertical slash on 7.1 mobile only view

Recommended Posts

Site URL: https://tiller-gc.squarespace.com/config/pages

HI- I am trying to remove the vertical lines/ slash when viewing on mobile - using 7.1

 

https://tiller-gc.squarespace.com/config/pages  there isn't a password.

 

on the page Website Under Construction, it looks fine for desktop but on mobile view I'd like to hide the vertical lines and centre the text so each word is on its own line.  Any help much appreciated. TIA.

Link to comment

The site is set to private. You'll want to add a password then share it here: https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

christyprice.com  🇺🇸 Austin, TX US 

  For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist.

Link to comment

The easiest way I can think of to do this is to have two markdown blocks, one for desktop and one for mobile... then you'd hide and show as appropriate. Kind of like the workaround here except for blocks instead of sections. Or you could just use two different sections!

https://christyprice.com/squarespace-tips-tricks/show-different-banner-mobile-desktop

christyprice.com  🇺🇸 Austin, TX US 

  For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.