Page width and page section width is differ

[Mentorpublish]

 

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/

[AnneLuo]

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

[Mentorpublish]

Hi @AnneLuo ,

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

[AnneLuo]

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

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

[Team_OSC]

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]

Hi @Team_OSC , 

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

[PageFly-Amelia · 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

[Mentorpublish]

Hi @PageFly-Amelia ,

It work, tyvm.

[PageFly-Amelia]

You are welcome @Mentorpublish 😁