Tablet product view to be same as mobile (product text to be below image)

[ninesolutions]

Dear swiftideas,

I would like to ask if it is possible for the Tablet (portrait product view to be the same as mobile)

I am using the split view, which makes the text on the right side very long vertically (http://i.imgur.com/qehR0tL.png)

Is it possible to get the text below the image, just like in the mobile? Like this:http://i.imgur.com/17zOk96.png

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

By default there is no option to apply to the Tablet portrait the same css has in mobile.

Can you provide the link to that page to see if you can provide some css to get the text below the picture?

Thanks

-Rui

[ninesolutions]

Hi Rui,

here is one of my product url: http://yanoflowers.com/shop/classic-crimson/

Are we able to perhaps use a media-max-width kind of CSS for it?

[Rui Guerreiro – SUPPORT]

iup. That’s the idea.

Add the code below to your custom css option.

@media only screen and (min-width: 768px){
.woocommerce.product-fw-split div.product div.images, .woocommerce div.product div.summary {
    width: 100%!important;

}
}

-Rui

[ninesolutions]

Thanks so much Rui!!

It is looking great now! Just one last thing, can i set the min-with so that it text appears below image on tablet portrait, but appear normally (on the side) for tablet landscape? Otherwise image became too big on landscape.

Thanks so much!

It is really great now!

[Rui Guerreiro – SUPPORT]

Hi,

My code was wrong, replace it by this one.

@media only screen and (max-width: 767px){
.woocommerce.product-fw-split div.product div.images, .woocommerce div.product div.summary {
    width: 100%!important;
 
}
}

-Rui

[ninesolutions]

Thanks Rui, its all great now!

Appreciate your help!

[Rui Guerreiro – SUPPORT]

No problem. glad I could help
-Rui