hi
Please take a look at two print screens from mobile phone (iphone 6) in vertical and horizontal view.
In vertical – all is great.
but in horizontal view the behavior of product slicer very strange – it becomes very big, especially white circle. The same I see on vertical view of Ipad 3.
Please help to correct asap.
I want finally launch new design of my site.
|
|
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
|
|
HI, thank a lot! This code helped.
One more question regarding vertical view on mobile phone (iphone6)
I have attached 3 pictures.
First picture (1) is good: product name in 1st row, product price in 2nd row.
But screens 2,4 have some issues with price position.
Can price be always in 2nd row on mobile devices with resolution 768 and lower?
Also on screen 4 the text goes even after the border of banner on iphone 6, however on iphone 5S this picture looks good.
|
|
Hi,
1) Product price will be forced on a new row, if you use this custom CSS:
.tb_wt_product_slider .price {
-ms-flex: 1 1 100% !important;
-webkit-flex: 1 1 100% !important;
flex: 1 1 100% !important;
}
2) You need to set backgroud size of the container (the green wallpaper) to “Cover”.
BR,
ThemeBurn team
|
|
Hello,
regarding 2) – Great it works.
regarding p 1) – nothing changed, for some products price is on new row, for some rows – on the same as it was on my previous screens
|
|
Hi,
Can you please check the code from our previous post? We’ve modified the CSS a bit.
BR,
ThemeBurn team
|
|
Great! It works perfectly! Thank you very much!
|
|
Glad we’ve helped
BR,
ThemeBurn team
|
|