How to fix alignment issues on Testament theme product pages?

[m8bmir]

Hello
I'm currently using the Testament theme, and I'm facing alignment issues on my product pages. I would greatly appreciate any suggestions or solutions to this problem.

I've tried searching for solutions online, but all the suggestions I found involved adding code to the theme.css or base.css files. However, I couldn't locate these specific files in my code.

If anyone has encountered a similar issue or knows an alternative way to fix alignment problems on product pages, I'd be very grateful for your assistance. Thank you in advance for your help.

This is the website: https://www.circlesshop.com/collections/sunshine-sale/products/co-ord-set-5

[oscprofessional]

Hello @m8bmir 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->stylesheet.css>Add this code at the bottom.

.gridlock .row .desktop-5 {
    width: 35% !important;
}

[m8bmir]

Thanks for the response. It worked on the PC but on mobile, it's now narrow. You can go to the URL and check.

[oscprofessional · Accepted solution]

Hello @m8bmir 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->stylesheet.css>Add this code at the bottom.

@media screen and (max-width: 739px){
.gridlock .row .desktop-5 {
    width: 86.5% !important;
}
}

[m8bmir]

Thank you, it worked.

[Made4uo-Ribe]

Hi @m8bmir ,

Try this one.

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css, theme.css or stylesheet.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

@media only screen and (max-width: 739px){
div#product-right {
    width: 86% !important;
}
}
@media screen and (min-width: 980px){
.gridlock .row .desktop-7 {
    width: 50.25%;
}
}

Result:

I hope it help. 

[m8bmir]

Thank you for your response. However, I found a solution that met my needs and it worked successfully.