Jump to content

Text Alignment on Mobile Collections

Recommended Posts

Hi everyone,

I'm curious about something that I have been noticing on the mobile version of my site. I attached a screenshot for example. It appears that while on the desktop version the text is centre aligned, but on the mobile version the text is somewhat aligned in the centre but I seen an indentation if the text goes over two lines. 

Any help with this would be much appreciated.

Thanks,

Gabriel

Screen Shot 2021-02-18 at 22.11.09.png

Link to comment
  • Replies 4
  • Views 1k
  • Created
  • Last Reply

Add the following to Portfolio Settings > Advanced > Page Header Code Injection for the portfolio page.

<style>

  /* fix for uncentered menu links on mobile */
  
  .portfolio-hover[data-horizontal-align="center"][data-mode="hover-cover"] .portfolio-hover-item-content {
  
    margin-left : 0;
    margin-right : 0;
    
    }
    
  </style>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 2 weeks later...

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.