Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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
  • 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.

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

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...