Tagged: 2 columns, mobile view, woocommerce
-
AuthorPosts
-
February 10, 2017 at 12:51 pm #745374
Hi!
Edit the following page and you should see the text blocks with the shortcodes in the builder. Edit the text blocks then switch to the Text editor, you’ll find the “pre” tags there.
// https://www.staging3.atcarolines.ch/wp-admin/post.php?post=930&action=edit
Best regards,
IsmaelFebruary 13, 2017 at 10:51 am #746287Hi Yigit
OK i did it but now are all product to small…https://www.staging3.atcarolines.ch/look-evelyne/
Hmm, how can i change it to normal sizce?
All the best,
PascalFebruary 14, 2017 at 11:19 am #746810Hi Ismael and Yigit
All the changes without the ‘pre’ tag has no influance to the responsive view of the look..
So please help me to solve this probleme. Since 32 post we waiting for a solution for a problem how should be include in the avia layout!
Im sure, i’m not the only user how use woocommerce with enfold how like to show single products in a responisve way.
All the best
February 15, 2017 at 6:50 am #747296Hey!
It’s not responsive because you’re using a shortcode that is not included in the theme by default. Anyway, please add this code at the very bottom of the Quick CSS field to adjust the size of the products.
.avia_textblock .products .product { width: 100%; } @media only screen and (max-width: 768px) { .avia_textblock .products .product { width: 100%; } }
Best regards,
IsmaelFebruary 15, 2017 at 11:35 am #747423Hi Ismael
Thanks for your answer, now we are 90% there.
The last 10% are:
1. on moblie view of the looks like https://www.staging3.atcarolines.ch/look-evelyne/, the product still to small.
2. how can we remove the ‘pre’ tag for shortcode-product general for the future in the avia layout. Because the customer made every day a look site.All the best,
PascalFebruary 16, 2017 at 8:32 am #747832Hi!
1.) Did you add the following css code? Add it the very bottom of the Quick CSS field.
@media only screen and (max-width: 768px) { .avia_textblock .products .product { width: 100% !important; } }
2.) I’m sorry but I’m not sure what you meant by that. You just have to remove the tags manually.
Best regards,
IsmaelFebruary 16, 2017 at 12:14 pm #747915Hi Ismael
1. Yes, but at https://www.staging3.atcarolines.ch/look-evelyne/ looks the product still to small on mobiel view (https://www.dropbox.com/s/zut9lv79bhpm9k5/Screenshot%202017-02-16%2011.11.17.png?dl=0)
2. Ok
Would be great if you can solve this 1) problem
All the best,
PascalFebruary 17, 2017 at 8:23 am #748258Hi!
Did you place the code at the very bottom of the Quick CSS field? Please remove this one.
@media only screen and (max-width: 736px) { .avia_textblock pre, .responsive #top #main .products .product { width: 45.6% !important; margin: 0 4% 1% 0; }}
Regards,
IsmaelFebruary 17, 2017 at 7:14 pm #748592Hi Ismael
If i remove that, its still how was it before without 2 columuns, 1 column :-(
All the best,
PascalFebruary 18, 2017 at 11:30 am #748815 -
AuthorPosts
- You must be logged in to reply to this topic.