Increase grid size on product display page

[RivaajEthnic]

Hi All,

Can you please help on how can I increase the grid size where images are showed on product display page. 

Looking it to be of similar size photo attached.

Website URL: https://www.rivaajethnic.com/products/aarvi-ajrakh-cotton-green-chudi-sleeves-kali-kurta

Many Thanks!

[ankitpateldev]

Hi @RivaajEthnic ,

You can increase grid size by adding below CSS on product page. You can put it in Custom CSS from theme customise.

@media (min-width: 1025px) {
    .productView-container.container-1170 {
        max-width: 95%;
    }
}

Let me know If you need further more help.

[RivaajEthnic]

Thank you very much Ankit. Is there any way to fit the first 2 images in one page without scrolling. Currently the first 2 grid are not completely fitting and we need to scroll a little to see full image. 

[RivaajEthnic]

in below image the first and second pic are fully visible without scrolling down. 

[ankitpateldev · Accepted solution]

It shows full images without scrolling in my device. Actually, it takes auto height as per device so you might see it in scroll. But from my end it shows full without scroll.

 

[RivaajEthnic]

Many Thanks Ankit. It helped!