Jump to content

Mobile Browser - help with font-family & image sizing

Recommended Posts

Site URL: http://hilarybeckwith.com/

Hello - I have a few questions, all regarding the MOBILE version of my site.

1) The images in my mobile footer did not take on the custom sizing an alignment that I applied for the desktop. Can someone please help with this?  (see screenshot)

2) Custom font family does not apply on the Mobile version when I see it on my phone. Squarespace shows it should be applied in the preview, but in reality, it is not. (see screenshot)

3) Font/line spacing in a couple different places on mobile, are not spacing properly, both in the footer and on the page. (see screenshots)

Can anyone please help?

Screen Shot 2022-05-12 at 5.38.32 PM.png

IMG_05CB5075CDF6-1.jpeg

IMG_9723.PNG

IMG_E87D8AEE2841-1.jpeg

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hi.

#1. You want to keep layout same as desktop?

#2. Which element?

#3. Overlap problem. You should check Line height option in Site Styles

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
15 hours ago, tuanphan said:

Hi.

#1. You want to keep layout same as desktop? yes

#2. Which element? see screenshot #3 - text at the top of landing page, below the navigating links.

#3. Overlap problem. You should check Line height option in Site Styles - Screenshot #2 - This is the only place I've seen this occur. Changing the line-height in Site styles will change it in other places where this issue is not occurring. How do I change it with CSS? 

Screenshot#4 - this is already a CSS custom sized font (because default sizing in Site Styles did not work for this block of text). How do I change for this Mobile block only, with CSS?

 

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.