CODE

[Jashan]

I want my website same wide as shown in other pic "Scars by rage" [Like the banner my is not that wide] tell me the custom code please !!

[DaisyVo]

Hi @Jashan 

I see what you’re asking—you want to make your banner (or section) as wide as the one shown in the "Scars by Rage" example. Right now, it seems like your banner isn’t stretching fully across the screen, and you need a custom code to fix that.

Solution:

You’ll need to modify the CSS to make your banner section full width. Try adding this code in Online Store > Themes > Edit Code and locate your theme.css (or base.css) file. Scroll to the bottom and add this:

.banner-section {

    width: 100vw !important; /* Ensures full screen width */

    max-width: 100% !important; /* Prevents unnecessary constraints */

    margin: 0 auto; /* Centers the banner */

    padding: 0; /* Removes unwanted spacing */

}

Alternative Method (If Above Doesn’t Work):

1. Go to Online Store > Themes > Customize.
2. Click on your banner section.
3. Check if there’s a “Section Width” setting—some themes have an option to select Full Width instead of Contained.

If your theme doesn’t allow that, you can also force the banner inside the Liquid file:

1. Go to Online Store > Themes > Edit Code.
2. Open section-banner.liquid (or similar, depending on your theme).
3. Find the <div> wrapping the banner image and add class="banner-section" to it.

This should now match the width of "Scars by Rage."

If you can share your theme name, I can provide more specific guidance!

Let me know if this helps, and I’ll be happy to assist further.
Best regards,
Daisy.