Increase grid size on product display page

Store Design
,
1

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

RivaajEthnic_0-1732599564576.png
RivaajEthnic_0-1732599564576.png1903×846 374 KB

Many Thanks!

2

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.

3

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.

4

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

RivaajEthnic_0-1732605683758.png
RivaajEthnic_0-1732605683758.png1904×846 374 KB

5

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.

download.png
download.png1906×952 324 KB

6

Many Thanks Ankit. It helped!