How to optimize banner size for desktop and mobile, for Kittool home3?

Store Design
1

Hello All,

How to optimize banner size for desktop and mobile, for Kittool home3?

My website address: https://mahaastores.com/

Mahaa Home page
Mahaa Home page316×503 49 KB

I have included MAHAA STORES home page. @Ketan

1 Like
2

@MahaaStores ,

Please add this CSS to your theme

@media (max-width:768px){
    .section-slideshow-v3 .item-slide .info-slide .picture-slideshow img{
        min-height: 100% !important;
    }
    .section-slideshow-v3 .item-slide .info-slide .box-content .box-button a{
        letter-spacing: 3px;
        padding: 8px 15px;
        font-size: 11px;
    }
}
@media (max-width:425px){
     .section-slideshow-v3 .item-slide .info-slide .box-content .box-button a{
        font-size: 8px;
        padding: 2px 4px;
        margin-bottom:15px;
    }
}

Thanks!

3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width: 575px){
.section-slideshow-v3 .item-slide .info-slide .picture-slideshow img {
min-height: 175px;
object-fit: cover;
}
}
4

The time for Lightning Experience is now! Salesforce Classic isn’t going away yet, but all new Salesforce innovation is in Lightning Experience only. Clearly Lightning Experience is the place to be, so how do you get there? Fear not, there are resources and tools at your fingertips to help you take control and drive a smooth transition

DunkinRunsonYou

5

Hello ZestardTech ,

I couldn’t Find the theme.css in Asset panel, Reference image given below

Mahaa-Image-2
Mahaa-Image-2251×526 5.92 KB

In this you can find

  • slick-theme.css
  • slick-theme.min.css Shall i paste here?

Kindly guide

Thanks

Anu

6

Dear Infoatcodelab7,

Thanks for the code. It is working.

Thanks

Anu