Why isn't my banner showing fully on Refresh Theme?

Store Design
1

Greetings,

I am facing an issue with Shopify Refresh Theme Banner sizes, I make the banner size in 728x90 px size, which is not showing full on the website as I make the settings as a small banner with removed all the writings from the banner, but still banner is not showing 100 percent full, it is cut from both side, as well as in mobile view also the banner image is not 100 percent full.

If there is any settings recommendations Please.

2

It is possible, follow the following steps to make it done.

  1. Actions > Edit Code.

  2. Assets> theme.scss.liquid.

  3. Scroll at the very bottom of this file and add the following snippet

.template-index .main-content {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.template-index .main-content .shopify-section:not(.slider-section) {
    max-width: 1060px;
    margin: auto;
    padding-left: 30px;
    padding-right: 30px;
    @media screen and (max-width: 479px){
     padding-left: 15px;
     padding-right: 15px;
   }
}