Image Slider

[Sandy Tsoi]

HI,

I created an image slider to show 4 landscaped proportion photos. I found that the heading text was chopped and the button is not showing. It only happens on Mobile device. The desktop device looks perfect that showing the heading text and the button. I suspect it is because of the landcanped image proportion. I did a test for posting a portrait photo and it looks good.

However, I don’t have the portrait photos to be replaced in this image slider section. I was wondering if there is any css to amend the image slider that fit for landscaped proportion image?

You have to use your mobile to access this link: bosu.freeofficesolutions.com/ to check the problem.

Sandy

[Forum Moderator]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Brad

[Sandy Tsoi]

Hi,
Below are the images link, you can see the shop name and opening hours are cropped from the image.

https://ibb.co/DKpxXYz
https://ibb.co/7GDWDm8
https://ibb.co/bsxsL0d
https://ibb.co/9Wx9FFV

Sandy

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.skt-builder-carousel .skt-builder-carousel-title { font-size: 28px !important; margin-bottom: 5px !important; margin-top:0 !important;}
.skt-builder-block-wrapper p { margin-bottom:5px; font-size:16px !important;}
.skt-builder-carousel .skt-builder-carousel-button { margin-top:20px !important;}
}

Regards,
Brad

[Sandy Tsoi]

Thank you, it works perfectly.

[Forum Moderator]

Hi,

If you found our service good kindly review us here: https://www.sitejabber.com/reviews/sktthemes.org

Regards,
Brad

[Author]

Posts