Hi guys, I need to fix my pop up image “size guide” on the product page. You can find it in Oversized Tee.
I will need to remove the page title from both desktop and mobile
On mobile I need to fix the max width and the height of the whole page, I do’t need the blank if the page is empty.
COULD YOU PLEASE HELP ME WITH SOME CODES?
product page: https://1989streetwear.com/products/oversized-t-white
password: bet1989
THANK YOU
@GemPages @PageFly-Victor @PageFly-Richard @PageFly-Kate @infoatcodelab7 @KetanKumar
Hello @1989streetwear
It’s GemPages support team and glad to support you today.
I would like to give you a solution to support you.
-
Go to Online Store → Theme → Edit code.
-
Open your assets/section-main-product.css theme file.
-
Add the code at the end of the file:
@media screen and (max-width: 749px) {
#PopupModal-199e439c-ac94-4fef-acaa-5393d58196f7 .product-popup-modal__content{
width: auto ;
transform: translate(-50%,-50%) ;
top: 50% ;
height: auto ;
min-width: 90% ;
padding: 0 3rem 0 3rem ;
}
#PopupModal-199e439c-ac94-4fef-acaa-5393d58196f7 .product-popup-modal__content-info {
padding-right: 0 ;
}
}
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Hi @GemPages does this work with this product only (as I can see #PopupModal-199e439c-ac94-4fef-acaa-5393d58196f7) or will it work with any pop up I will be using for different product templates?
Thank you
@1989streetwear
Please update code:
@media screen and (max-width: 749px) {
body .product-popup-modal__content{
width: auto;
transform: translate(-50%,-50%) ;
top: 50% ;
height: auto ;
min-width: 90% ;
padding: 0 3rem 0 3rem ;
}
body .product-popup-modal__content-info {
padding-right: 0 ;
}
}
I am so glad that suggestion solution can help.
where did you get that popup image? i need it toooo!
