Jump to content

Fixing mobile site width which adds white space on the right and mobile site scaling

Recommended Posts

Site URL: https://www.tlhmua.com.au

image.png.6fc0edada8355d0a641c08835d46f6d8.png

I seem to have this mobile only problem - and can confirm it happens on both android and iphone devices. For some reason the mobile version adds this white space and some of the scaling doesn't quite work (e.g. text gets cropped out).

I have implemented custom CSS but I haven't done anything regarding the width/height of the site - only the background gradient, font colour changes and font size adjustments. I'm aware I'll probably need to add some css that scales properly on mobile regarding the font size because of my custom css so if I could get help with that as well that would be great.

I have also attached how the site doesn't scale the navigation links that appear at the bottom of each portfolio section. e.g. at the bottom of this page: https://www.tlhmua.com.au/services/hair-makeup

Appreciate your help!

Screenshot_20210920-164524.jpg

Link to comment
  • Replies 2
  • Views 211
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

#1. Add to Design > Custom CSS

html, body {
	overflow-x: hidden;
}

#2. Use this CSS

/* pagination titles */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    font-size: 1.2rem !important;
}
}

 

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.