Page width and page section width is differ

Solved

Page width and page section width is differ

Mentorpublish
Tourist
22 0 2

Screenshot 2024-07-08 131338.png

Hi, when I add other sections in Page, and the Page section I add on Page, both width is different, is it possible to make Page section same width with other sections width? Thank you.

 

Here is the link of my page:
https://1cabe3-26.myshopify.com/

Accepted Solution (1)

PageFly-Amelia
Shopify Partner
493 154 222

This is an accepted solution.

Hi @Mentorpublish 

This is Amelia from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.page-width.page-width--narrow.section-template--22604264636733__page_qxe6bV-padding {

    max-width: var(--page-width) !important;

}

 

Hope that my solution works for you.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 8 (8)

AnneLuo
Shopify Partner
765 145 158

Hi, 你想统一为哪个宽度?宽的还是窄的?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Mentorpublish
Tourist
22 0 2

Hi @AnneLuo ,

 

您好,我想统一为宽的宽度,感谢。

AnneLuo
Shopify Partner
765 145 158

去掉代码中的这个类名page-width--narrow

AnneLuo_0-1720420568572.png

去掉之后就会显示一样的宽度:

AnneLuo_1-1720420606531.png

 

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Team_OSC
Shopify Partner
157 18 23

Hi @Mentorpublish 

 

Paste this code in your base.css

@media screen and (min-width: 990px) {
    .page-width--narrow {
        max-width: 120rem;
    }
}

 

Let me know if it's helpful by like and accept my solution.

 

Best Regards,

Team_OSC

Mentorpublish
Tourist
22 0 2

Hi @Team_OSC , 

 

Put it into the base.css, but still same, nth changed.

PageFly-Amelia
Shopify Partner
493 154 222

This is an accepted solution.

Hi @Mentorpublish 

This is Amelia from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.page-width.page-width--narrow.section-template--22604264636733__page_qxe6bV-padding {

    max-width: var(--page-width) !important;

}

 

Hope that my solution works for you.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

Mentorpublish
Tourist
22 0 2

Hi @PageFly-Amelia ,

 

It work, tyvm.

PageFly-Amelia
Shopify Partner
493 154 222

You are welcome @Mentorpublish 😁

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.