Overlapping section in product page - Narrative

My review and product section is overlapping as shown in narrative theme. What do I do?

you can apply Custom css to it send me Store URL , i’ll send you the css code

Here’s the store url: rlzmotorsports.com

Your help would be greatly appreciated!!

  1. In your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit and click on the “Actions” button.

  3. Select “Edit code” from the dropdown menu.

  4. In the left sidebar, click on “Assets” and then click on the “theme.scss.liquid” file to open it.

  5. Scroll to the bottom of the file and add the following CSS code:

    css
    .product__description.rte + .product__form-container { margin-top: 60px; }

    This code adds a margin of 60 pixels between the review section and the product form container.

  6. Save the changes to the file.

After adding this CSS, you should see some space added between the review section and the product form container on your storefront. You can adjust the margin value to your liking if you need more or less space.

if above code don’t work try this

.product__description.rte {
margin-left: 2%;
}

paste in theme.css

its still doing the same. Can you recheck? i did try both the codes at the end of the CSS file

i can fix it using collaborator access to your store but it is not free so i suggest you look for a solution from other members of the community and if you still faces issue you can PM me.

Hi @nrnjnrkmr

I reached out to our theme support and they believe this is caused by an improper installation of the Product Reviews app. If you reach out to our authenticated support channels they can escalate this and they are happy to have a closer look. Feel free to share a link to my message here to show this has been requested by a Shopify staff member.