Where to edit Mobile code for overlapping wording on product pages

[CHB1]

Hi! On my product pages, the section after the product description that says 'back to all products' overlaps with 'customer reviews' on mobile devices. But it looks fine on a pc. Can that be fixed? I asked AI on Shopify Help Center and all it tells me is edit the code. I don't know which code to edit or even where to find the code for mobile devices, can someone please help me?  

[WalkYourStyle]

Can you please share your store's URL?

[CHB1]

Hi! https://christinashealthandbeauty.com/

[Made4uo-Ribe · Accepted solution]

Hi @CHB1 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px) {
.return-link-wrapper {
    margin: 30px 0 !important;
}
}

• And Save. 
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[CHB1]

Thanks but it only moved the wording slightly. I added your code under assets/theme.css.liquid. See screenshots below

[Made4uo-Ribe]

Is this inside on the style tag? I assume it will not work you have unproper placed curly bracket. Can you check if you have theme.scss.css file? And paste it on the very end. Thanks!

[CHB1]

Thanks, it worked!