How can I achieve full width text with the Ride theme?

Store Design
1

Hey,

i am trying to add a section with full width using the ride theme and have tried using all sorts of section templates like rich text, multirow, multicolumn but none of them allow me to get to full width. It would be great if you have a suggestion on how to resolve.

Thanks,

Bernhard

2

Hello @berca ,

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

3

Hello @berca ,

Please share your store URL and password(If it is password protected) so that I can check and suggest you a solution.

Thank you

4

sure - draft content but this is the page with the problem:https://treewell.org/pages/what-they-do

and the password is berca

thanks for helping

5

sure - draft content but this is the page with the problem:https://treewell.org/pages/what-they-do

for the first content section and the password is berca

thanks for helping

6

Hi @berca ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

@media screen and (min-width: 750px) {
    #MainContent .page-width {
       --page-width: 100% !important;
    }
    .multicolumn-list__item:only-child {
        max-width: 100% !important;
    }
    .image-with-text__grid--reverse .image-with-text__content {
        padding-left: 0;
    }
    .newsletter--narrow.page-width {
        padding: 0 !important; 
    }
}

I hope it would help you
Best regards,

Richard | PageFly