Image Carousel Responsive Issue - Question | JoomShaper

Image Carousel Responsive Issue

SG

Steven Gourlay

SP Page Builder 11 months ago

Hi i am finding myself needing to use the Image Carousel for a project im working on. I know you can set the height and the width but i cant find the right balance across different resolutions to get an image that does not look distorted, is there something i am missing?

Link in private section

0
24 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176320

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. To better address the issue, could you kindly provide Joomla administrator access? This will enable me to thoroughly investigate the matter and provide you with a prompt resolution.

I appreciate your cooperation and will ensure to get back to you as soon as possible.

Best regards,

Toufiqur Rahman (Team Lead, Support)

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176328

Hi please find info in private section,

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176341

Are you talking about the home page Carousel?

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176344

Hi there are two on the homepage, one for the rooms and one for the area.
Im currently working on the one in the Rooms page.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176349

Yes, I have found the problem. Initially solved your issue via duplicate your slideshow addon. Please check now. Thanks

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176352

Perhapse its cache but i still see the same issue it does not seem scale properly?

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176374

is there anyway you can look at the rooms page and see if you can get the image on the left to scale with the box on the right? I can get one image to scale as background of just the DIV but if i use the image carousel i cant seem to get it to scale together

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176406

Can you share a screenshot?

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176426
0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176432

Please check this section on mobile device and let me know if this fine.

Deluxe Twin / Super King Room

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176433

Hey can you hide all others just so there is no missunderstanding as there are a lot of blocks similar.
I was actually on that page so i will come out of it now. We were having issues with laptops with slightly smaller screens.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176434

Do you wanna same others rooms like as this room?

Deluxe Twin / Super King Room

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176435

Hi just hide the other sections on that page so i can test the correct section you have edited please. Please check on phone as it should be image first the text box below etc like the ones i have manually set below as currently the top Delxue Twin looks broken in mobile.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176452

Please check now. Column size is 100% for small devices. Thanks

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176453

Hi did you check this page on your phone it is completely broken check screenshot.

Should be this order for mobile

Image Text Button

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176456

Check again.

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176460
Hi i really do appriciate your help, however is there anyway to make the image space stay the same as the text so when it scales, please check screenshot by just adjusting the browser width. 
0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176461

Tell me your device size.

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176462

Hi Toufiq the client is looking to try keep things aligned as much as possible, this is just the client adjusting the browers window, not a specific device as such, ie moving your window narrower while looking at another window etc.

Id rather we set it to go to 1 column when the image goes to the point its not the same size as the text area,

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176465

If you resize or shrink your browser, it may not display perfectly because one side contains an image, and the other side contains text. Please consider this when adjusting your browser size.

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176469

This is exactly what i mean, can we set to be anything below x width it drops to one column instead of 2?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176470

Not clear.

0
SG
Steven Gourlay
Accepted Answer
11 months ago #176471

Ok so you are browsing on a PC and you adjust the window to be smaller, is there anyway to say if resolution is less than xxxx change to mobile based view?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176504

We provide these device sizes responsive.

https://prnt.sc/pume6yY6mf04

0