Resize photo for Mobile view without affecting the Desktop view

[Shirley Cheung]

Hello, I have a problem when viewing the website through the mobile view: the photos are super big and only part of it is actually showing. So I want to know if I could resize the photos of the slideshow on the front page in the mobile version without affecting the Desktop view. Thanks!

[themearile]

Hi Shirley

We have checked your site but it is not live. So please set your site to live and let us know so we can take a look and provide you a good solution.

—
Thanks

[Shirley Cheung]

Hello, I have made my site live, can you please take a look?

Thank you.

[themearile]

Hi Shirley

Okay, please add the CSS code below in the Additional CSS Box. Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

@media (max-width: 500px) {
#theme-main-slider .item {
height: 400px;
}
}

Let us know if it works.

—
Thanks

[Shirley Cheung]

Sorry, I just tried adding the CSS code but it still seems to be the same?
Can you please check again? Thanks.

[themearile]

Hi Shirley

Don’t worry we are here to help you.

Please see the screenshot https://prnt.sc/10zorvi it’s working well. This will be working great on the mobile devices as per your requirement.

Thanks

[Author]

Posts