My Website Banner Doesn’t Fit In The Mobile View | Maxmin

Store Design
, , , , , , ,
1

Dear Shopify community, I’m using the Shopify Maximin theme but I don’t understand how to fix its banner problem the banner looks good on desktop view but it’s showing half of the image in the mobile view and there isn’t any option to upload the image for the mobile site. If there is any solution then kindly let me know. Thanks in advance everyone.
Store URL: https://8a7ffb-5.myshopify.com/ (password: 1)
Images for understanding

error2.PNG
error2.PNG1182×598 111 KB

error1.PNG
error1.PNG1233×636 298 KB

2

Hi @Fahadhassan

I cant overide the code you have, what I can do is o guide how to change it.

In your Online store > Theme > 3 dots > edit code > Go to Asset Folder > Find component-slideshow.css > and find the code below.

Made4uoRibe_0-1701727679975.png
Made4uoRibe_0-1701727679975.png481×104 5.43 KB

And edit the max-width: 100% !important;

Like this.

Made4uoRibe_1-1701727724670.png

And Save.

Result:

Made4uoRibe_2-1701727743007.png
Made4uoRibe_2-1701727743007.png707×521 187 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

@Fahadhassan , go to component-slideshow.css and locate this piece of code and remove the max-width:none;

slideshow-component .index-slideshow-background img {
    width: auto!important;
    height: 100%!important;
     max-width: none!important; 
}
4

Thank you so much it worked