Type centralisation issue on mobile

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

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;
}

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.

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!

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

Sorry, you've lost me @tuanphan

Can you clarify?

On 10/7/2021 at 7:48 PM, PrintSmith said:

Sorry, you've lost me @tuanphan

Can you clarify?

I meant with the code with no <style> & <scrip> tag, you need to add to Design > Custom CSS