image banner quality poooor

[saadrafi]

www.thoughtbox.pk

please check, i have uploaded high def designs for desktop and mobile and the quality just worsens when uploaded on shopify banners. please help

[EBOOST]

Hi @saadrafi ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Assets/base.css
3. Add code below to end of file

.banner  .banner__media {
        position: static;
        max-width: none;
        flex: 0 0 100%;
    }
    .banner  .banner__media img {
        width: 100%!important;
        position: static!important;
    }
    .banner  .banner__content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-width: 100%;
        min-height: inherit;
    }

4. Update image below to large image( I saw it's  900x600 )

https://thoughtbox.pk/cdn/shop/files/Your_paragraph_text_3_x_2_in_1.jpg

[saadrafi]

i tried doing this, the quality did not improve. the size of the picture increased in height and i dont want that, im fine with it height and width, just want better quality. i am uploading high quality picture but when uploaded the quality drops. 

[EBOOST]

Hi, 

You need to add a larger image. Your image is so small.