Jump to content

Type centralisation issue on mobile

Recommended Posts

Site URL: https://www.theprintsmith.co.uk/

Hi there

I just launched my new site based on the 'Hawley' template. All good on the whole and it seems to work well - initial feedback has been positive. However, the homepage utilises a list of 5 'project' titles which visitors click on to take them to that section. However, on mobile, the text isn't centralised fully. It's just one title 'Personal & Business Stationery' that is off so I guess this might indicate that its too long(?). Its perfect on desktop and tablet but on mobile, where it drops this to 2 lines (which isn't an issue), this throws the alignment off-center. 

Can someone please suggest a fix for this please? I really want to make it right.

Screen grab attached.

Many thanks in advance.

Chris

 

Screenshot 2021-10-04 at 14.56.20.png

Edited by PrintSmith
Link to comment
  • Replies 6
  • Views 827
  • Created
  • Last Reply

Top Posters In This Topic

12 hours ago, Wolfsilon said:

You could try:

 

.portfolio-hover[data-horizontal-align="center"][data-mode="hover-cover"] .portfolio-hover-item-content {
margin-left: 0 !important;
margin-right: 0 !important;
}

 

Thanks a lot Wolfsilon. I have tried this but sadly, no change . . . appreciated though.

Link to comment
On 10/5/2021 at 7:00 PM, PrintSmith said:

Hi again @Wolfsilon

I added this code to custom css (yep, I am a newbie!!) rather than the advanced tab on the page settings . . . it only flippin worked!  Thank you thank you. Very much appreciated!

Page Setting: for code with <style> </style> tag or <script></script> tag or <link rel=..."> or <meta ..>

Custom CSS, for code with no these tags, similar above

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.