Dawn theme Popup desktop view resize customization

[Sivadarshan]

I’m using the Dawn theme for my website and want to customize the product page’s popup modal on desktop view. Specifically, I’d like the image to fit inside the view without scrolling. This change should only apply to desktop view.

Website: https://coffeebyrsa.myshopify.com/

Password: coffee

[BiDeal-Discount]

Hi @Sivadarshan

I don’t see anything display on the popup:

[Sivadarshan]

@BiDeal-Discount https://coffeebyrsa.myshopify.com/products/premium-botanical-brew-t-shirt-coffee-plant-art-elevated-style-white

[Rahul_dhiman]

Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> section-main-product.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
.product-popup-modal__content {
width: 40% !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Sivadarshan]

How to hide the title on both mobile and desktop views and make the mobile view like desktop view

[Rahul_dhiman]

Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

h2, .h2 {
display: none !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Sivadarshan]

@Rahul_dhiman Every h2 in the website got hidden