Dawn theme main product page-popup too wide and product recommendations disappeared

Store Design
1

Hey,

We are using the dawn theme. There are 2 problems on the product page.
1, product information: we added a pop-up block to show the ring size guide. It seems the Line spacing is too wide. See attachment.
2, the product recommendations didn’t work on the product page. It disappeared suddenly.

Our shop is willworkjewelry.com. Any one can help me?
Thank you!

2.jpg

1.jpg
1.jpg1048×568 45.1 KB

1 Like
2

@willworkjewelry

modal-opener.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
    margin: 0px!important;
}

Add this code into the bottom of section-main-product.css file
thanks

1 Like
3

Hi @Will7asda4

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> section-main-product.css paste the below code at the bottom of the file.

#MainProduct-template–15906400403626__main .product__info-wrapper .gpo-container,#MainProduct-template–15906400403626__main .product__info-wrapper .gpo-container .gpo-app,#MainProduct-template–15906400403626__main .product__info-wrapper .gpo-container .gpo-app .gpo-element{

margin-bottom:0 !important

}

For the second problem, you can contact the theme to check the code for the fastest solution, because they create the theme, so they will understand the structure of the theme and fix it the fastest, or contact DEV to check more closely

Best Regards;

PageFly

4

Hi @willworkjewelry ,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
.product-form__input.product-form__quantity{
   margin-top: 0;
}
modal-opener.product-popup-modal__opener.no-js-hidden.quick-add-hidden{
   margin: 0;
}
.gpo-app{
  margin-bottom: 0;
}
.gpo-container{
margin-bottom: -30px;
}
5

Thank you, it works.