How to eliminate margins and make it full-width?

How to eliminate margins and make it full-width?

Havana2024
Tourist
14 0 2

Hi,

 

⑴I want to make the image on the "page" full-width by eliminating the left and right margins.

スクリーンショット 2024-10-01 175844.png

 

⑵I want to set the width of the "TOP image grid section" to Full-width by eliminating the left, right and bottom margins.

スクリーンショット 2024-10-01 175925.png

 

Theme is Broadcast.

 

Please check the following before it is published.

19964f-7b.myshopify.com

password: aolyia

 

Please help me.

 

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
9581 1926 1962

Hi @Havana2024 

You already solved the issue image on homepage. Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to solve 1 issue

@media (max-width: 749px) {
.index-page .wrapper--full-padded {
padding-left: 0;
padding-right: 0
}
}

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.