Jump to content

Carousel not displaying correctly on mobile

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 months later...
  • 3 weeks later...

still have isssue too 
 

Hi I really am desperate for help on this issue.

On pc the website looks fabulous, exactly the way I wanted it to be. 
Problem comes up on mobile. 
www.ibisette.com/portfolio/portraits for example, all portrait-oriended photo's in the carousel show a lot of blank space on both left and right side of the image as you can see on the screenshot below. 

vzH0YU1YtiP_kqxaLVXge-652-kL0KPsN-NCbH99v4uRpBFMIPND-7OLMccD90wxXR8w2Wo2D8lcs6C8lo72KqAWVJwjbWS_dEnZleE2e2LpFejBh1Eq7paBWQOQW2N25X4KM7G5GESvnEoRQlKUoO7qTgFjQyTZyCvAkF_VFxY8i3H3JHsd37SNFJXLUEChUg5bMaJsc-9w7ctMpK4mjcNdg8aZ9yfIIFVWEpzIIgf0RzhnLol-SIyp-TWSK38j71ew3cmbI18mDt353zRY_ITNsCb4DZvjZ9CE83lM04-ObileTbPpq41YCfXf9KP-YUemSYsjV2oNkUhOcUdde3gEFioyCYJ0YaE_I2i0HurT1go1HHvufR86QiR65GiphcI4YiV3dw9bR2liVf5rg4YuXdISpjTbpGGGKu9vGoOY8tMeBAWTBGMgGpORodH0M19iVvQuHcDANAAZNhaKRF4OWXNQ8DlyhXIQ7JALyCnwb3gHZJEQ7osS21Kf8G6I5nykP81beSf3peZpiW850uWXTkBs2zUg0Q521HQudZIDS5_S7mPSWhoiXkynQ38I-KBfSSN3dYod1_H8bBHQNPjCwW4wbp7zFZxBdBcbOUFiyN3u-oycM0iv9Dqj7T6gXkslqzgWD9lcPXBmG2pd0aHLrH7fiWIP2xWsQup8fn64MeK4cljIHmRx_sJk6vg=w968-h1988-no?authuser=0


I would like to have the carousel to be taller so that pictures in both landscape and portrait mode be seen clearly. (I have absolutely no problem with how the landscape mode pictures are displayed now, it's great. It's just for the portrait mode that the blank space is way too big.) I know there will be blank space on top and bottom of landscape mode images I am fine with that. I would love it to look a little more like the paint job I did below: 

image.thumb.png.20ea10287c661d95bd53987a97bee3fb.png
Is there anyone who could help me write a little bit of code to fix this issue? 
I have disabled the autoplay.

Link to comment
On 11/5/2020 at 8:09 PM, ibisette said:

still have isssue too 
 

Hi I really am desperate for help on this issue.

On pc the website looks fabulous, exactly the way I wanted it to be. 
Problem comes up on mobile. 
www.ibisette.com/portfolio/portraits for example, all portrait-oriended photo's in the carousel show a lot of blank space on both left and right side of the image as you can see on the screenshot below. 

I would like to have the carousel to be taller so that pictures in both landscape and portrait mode be seen clearly. (I have absolutely no problem with how the landscape mode pictures are displayed now, it's great. It's just for the portrait mode that the blank space is way too big.) I know there will be blank space on top and bottom of landscape mode images I am fine with that. I would love it to look a little more like the paint job I did below: 


Is there anyone who could help me write a little bit of code to fix this issue? 
I have disabled the autoplay.

Have you solved this yet?

I think it is complicated so no one answer.

I saved your questions, will check again carefully after back to city.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

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.