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

Blocks misaligned on mobile


GregLassale

Question

Site URL: https://gregorylassale.com/

Because of the scaling, the center element on the Services pages (https://gregorylassale.com/english#services and https://gregorylassale.com/french#servicesfr) is out of alignment on mobile.

IMG_1DB4992F42A3-1.thumb.jpeg.dab395f4502b11c6db8757de4ab195cc.jpeg

 

 

The picture above os on an iPad Pro 11 (2388x1668 pixels) 

Here is the same page on desktop:

 839266164_ScreenShot2021-04-18at6_48_35PM.thumb.png.2f1443ad58e43c0710d82aee4f24961e.png

Not sure if the fix would involve inserting a spacer above the "film TV and multimedia" SVG code block, aligning the center row of elements, or reducing padding on mobile.

Thanks in advance for the help.

Edited by GregLassale
Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0

some other problems on your site, do you want to fix these?

Site URL: https://gregorylassale.com/

1. (Smaller screen) Scrollbar at the bottom

gregorylassale.com-01.png

2. (Mobile-Services) Change to 2 items/row

gregorylassale_optimized.com-02.png

3. (Mobile-Header) Want to resize title?

gregorylassale_optimized.com-03.png

4. (Mobile-Services) Want to make this image fullsize?

gregorylassale_optimized.com-04.png

5. (Tablet-Services) Want to make 3 items same line?

gregorylassale_optimized.com-05.png

6. (Tablet-Services) Increase accordion width?

gregorylassale_optimized.com-06.png

Link to post
  • 0

@tuanphan Hi

No, I haven't fixed the problem on iPad Pro 11''. If your have the 12.9'' model, that might be why the items are ligned up, but the problem is not solved on smaller screens. 

Sure, would love to fix those other issues! 🙂  However I am seeing no issue with the counters on my iPad in either landscape or portrait mode:

IMG_FC43162B5911-1.thumb.jpeg.0fcd732ef79065315b3722ff547ff74d.jpeg 

IMG_CDC8F723F272-1.thumb.jpeg.61d9f4488acb6ff5046abb08d3f6fe1e.jpeg

 

Link to post
  • 0
Posted (edited)

I've managed to fix the original problem. I've also been able to resize the mobile header, adjust the banner image focal point and reorder the blocks on the Service page. I cannot reproduce the horizontal scrollbar issue. I also cannot reproduce the counters misalignment on tablet or the accordion width issue. Both look good on my iPad: 

IMG_1082F6030080-1.thumb.jpeg.0d565aa389bd1fcee6660fad39dd7de8.jpeg

 

 

IMG_FC9C76C56C39-1.thumb.jpeg.f949c84728a40d4f1e562ffd9868ef73.jpeg

 

I just noticed the counters and footer seem offset to the left on mobile (phone). Tablet looks OK. I also need to increase the footer's padding so that the first line of text goes on two lines.

IMG_0599.thumb.PNG.8cf84badb122863cd75ec45262b72d23.PNG

Edited by GregLassale
Link to post
  • 0
On 4/23/2021 at 10:48 PM, GregLassale said:

I've managed to fix the original problem. I've also been able to resize the mobile header, adjust the banner image focal point and reorder the blocks on the Service page. I cannot reproduce the horizontal scrollbar issue. I also cannot reproduce the counters misalignment on tablet or the accordion width issue. Both look good on my iPad: 

IMG_1082F6030080-1.thumb.jpeg.0d565aa389bd1fcee6660fad39dd7de8.jpeg

 

 

IMG_FC9C76C56C39-1.thumb.jpeg.f949c84728a40d4f1e562ffd9868ef73.jpeg

 

I just noticed the counters and footer seem offset to the left on mobile (phone). Tablet looks OK. I also need to increase the footer's padding so that the first line of text goes on two lines.

IMG_0599.thumb.PNG.8cf84badb122863cd75ec45262b72d23.PNG

Do you still need help on this?

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...