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
  • Views 190
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.