Coding Issue: Need to align content to full width and not just on the left

Store Design
, ,
1

Hello,

As you can see in the attached photo, the content is aligned to the left and the images will not go full width. I have tried to add this custom css to the theme code in the assets and also in the custom css of the content part.

.page-width { max-width: 100%; } .template-page .medium-up–four-fifths { width: 100%; left: 0 !important; }

Unfortunately it did not work. How do I fix this? It looks fine on mobile. It is only an issue on desktop.

Thank you

Screenshot 2023-08-13 at 21.35.55.png
Screenshot 2023-08-13 at 21.35.55.png1439×749 153 KB

1 Like
2

Hi @GanderGander

Would you mind to share your Store URL website? with password if its protected. Thanks!

3

I think I fixed it. All good for now. if it persists I will open the thread again. Thanks.

1 Like
4

Hello @GanderGander ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets → theme.css file

Modify your code like this:

.page-width {
    margin-left: 0;
}

img {
    width: 100%;
    height: auto;
}

.template-page .medium-up--four-fifths {
    width: 100%;
    left: 0 !important;
}

Save and preview

Hope this can help.

Transcy