Archived topic

1.Mobile product image gallery full width 2.Space between image , title

7 replies · Started by reza myT on May 1, 2020

Viewing posts 1–8 of 8

May 1, 2020 at 2:12 pm #1265466

1. please look at the sample mobile page of this product, the product image gallery too small , how can i make it bigger or full width ?

2. and if you open the same page on dekstop , there is no gap between image and the title/description beside them. how can i adjust the gap between them ?

2. on dekstop how can i make bigger width for all shop and product page ?

May 1, 2020 at 5:31 pm #1265577

Hi there,

Can you turn off any caching plugins enabled so I can take a look at the source of the code?
https://www.screencast.com/t/jRMYlbw65

Thanks :)

May 1, 2020 at 6:10 pm #1265611

hai. i just deactivate the caching plugin.

please assist. thanks

May 2, 2020 at 6:46 am #1266069

Hi there,

in Customizer > Additional CSS REMOVE this to make the page wider:

.no-sidebar .site.grid-container {
    max-width: 800px;
}

And add this to put some space between gallery and summary

.woocommerce-page div.product div.images {
    margin-right: 2em;
}

I am not seeing an issue with the mobile gallery

May 2, 2020 at 7:09 am #1266090

THATS GREAT !!!

thanks for your assist.

as for mobile i think because of cache plugin (purge evertything first) - Solved

space between gallery and summary - Solved

as for the sidebar, how can i make wider specific for all shop and product page only ?

May 2, 2020 at 9:17 am #1266436

Looks like this topic is all resolved?

Can you open a new topic for the separate question?

Thanks :)

May 2, 2020 at 9:35 am #1266479

ok sure thanks

May 2, 2020 at 9:35 am #1266481

Thank you!

This archived topic is closed to new replies.

Start building better websites today.