GregLassale Posted April 18, 2021 Share Posted April 18, 2021 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. The picture above os on an iPad Pro 11 (2388x1668 pixels) Here is the same page on desktop: 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. Link to comment
tuanphan Posted April 21, 2021 Share Posted April 21, 2021 Hi. It looks like you solved the problem? I see it fine here, on iPad Pro? 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
tuanphan Posted April 21, 2021 Share Posted April 21, 2021 some other problems on your site, do you want to fix these? Site URL: https://gregorylassale.com/ 1. (Smaller screen) Scrollbar at the bottom 2. (Mobile-Services) Change to 2 items/row 3. (Mobile-Header) Want to resize title? 4. (Mobile-Services) Want to make this image fullsize? 5. (Tablet-Services) Want to make 3 items same line? 6. (Tablet-Services) Increase accordion width? 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
GregLassale Posted April 21, 2021 Author Share Posted April 21, 2021 @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: Link to comment
GregLassale Posted April 23, 2021 Author Share Posted April 23, 2021 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: 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. Link to comment
tuanphan Posted May 2, 2021 Share Posted May 2, 2021 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: 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. Do you still need help on this? 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
GregLassale Posted May 3, 2021 Author Share Posted May 3, 2021 No, thank you. I managed to fix those issues. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.