Jump to content

Text Alignment on Mobile Collections

Go to solution Solved by creedon,

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
  • Solution

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 best , and see my profile. Thanks for your support!

Link to comment
  • 2 weeks later...

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.