Jump to content

Troubles with landscape mobile view

Recommended Posts

Posted

password is : forestcrystals

https://vanilla-groundhog-ac8e.squarespace.com/

 

I'm having layout issues that show up in landscape view. 

First, there's a gap on the right.

Second, buttons seem compressed so the words stack above eachother instead of staying next to each other. 

Third, it just seems like all elements are generally squeezed in towards the middle, even though there seems to be a lot of space in the margins. Thank you for any help! 😁

 

 

Screenshot_20230312_202853_Chrome.jpg

Screenshot_20230312_202914_Chrome.jpg

Screenshot_20230312_202937_Chrome.jpg

Screenshot_20230312_202950_Chrome.jpg

Screenshot_20230312_203005_Chrome.jpg

Screenshot_20230312_203023_Chrome.jpg

Posted
On 3/14/2023 at 12:05 PM, Swandre said:

solved the extra margin thanks to this post: 

 

I'm still having the issues with the landscape view layout squeezing images and buttons, also buttons aren't centered. Thank you 🙂

 

Landscape looks fine. What is problem here?

Screenshot_20230312_203023_Chrome.jpg

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!)

Posted (edited)

Thank you and sorry about the delay. 

The problem is more evident on this screen because there is no text:

image.thumb.jpeg.bb29844e9a4dda7d3c9fd3da6c95bd68.jpeg

it seems that the image width is reduced by a column on the right side and therefore is not center aligned, the button width is also reduced, making the text wrap instead of having it on one line like portrait mode. 

Here it is on portrait (everything is fine there):

image.thumb.png.abdfe1dbe19f07a2d13f3659545b2ced.png

 

On this screen, the button width also gets reduced on landscape and forces the text to wrap, but everything else is fine:

image.thumb.jpeg.a70cda358cc27751db82385fb5881765.jpeg

image.thumb.jpeg.fa41a6cedd12aabc0d3286e2723d0f5d.jpeg

Thanks again for your time! 

 

Edited by Swandre
Omissions

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.