How to expand product image on mobile view (VENTURE THEME)

Solved
JLbyone
Trailblazer
197 19 47

HI community im making changes on my product-page mobile view, and i want to make something like that:

how can i expand product-image to full width? 

mobileproduct.jpg

 

Thanks in advance, any file or url preview just tell me!

0 Likes
24by7themes
Navigator
354 54 61

Please provide your store front password so I can see store.

Expert Shopify Developer hire me
Still not satisfied!!! / are you required any custom development? contact me
Is it good solution? Yes, please Like.
JLbyone
Trailblazer
197 19 47

@24by7themes its done by pm! thanks you

0 Likes
24by7themes
Navigator
354 54 61

Please add below line of code in theme.scss file.

@media only screen and (max-width: 750px) {
.photos__item--main {
    margin: -20px;
}
}
Expert Shopify Developer hire me
Still not satisfied!!! / are you required any custom development? contact me
Is it good solution? Yes, please Like.
JLbyone
Trailblazer
197 19 47

@24by7themes its almost done, just left some space to expand in the top

productpageedit.jpg

 

24by7themes
Navigator
354 54 61

This is an accepted solution.

add those lines

@media only screen and (max-width: 750px) {
.template-product .main-content {
    margin-top: 0;
}
.template-product  .page-container {
    padding-top: 92px;
}
}
Expert Shopify Developer hire me
Still not satisfied!!! / are you required any custom development? contact me
Is it good solution? Yes, please Like.
JLbyone
Trailblazer
197 19 47

@24by7themes its perfect sir, i got to add a little bit more in padding top, but works like a charm!

can you guide me, to get something like this? i want to add a arrow sliders, cause slider effect its workinig, but i need to add arrows 

imagesslider.jpg

 

0 Likes