Viewing 10 posts - 31 through 40 (of 40 total)
  • Author
    Posts
  • #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,
    Ismael

    #746287

    Hi 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,
    Pascal

    #746810

    Hi 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

    #747296

    Hey!

    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,
    Ismael

    #747423

    Hi 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,
    Pascal

    #747832

    Hi!

    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,
    Ismael

    #747915

    Hi 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,
    Pascal

    #748258

    Hi!

    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,
    Ismael

    #748592

    Hi Ismael

    If i remove that, its still how was it before without 2 columuns, 1 column :-(

    All the best,
    Pascal

    #748815

    Hi!

    Looks like you figured this out. Did you move the latest css modification below the previous one?

    Regards,
    Ismael

Viewing 10 posts - 31 through 40 (of 40 total)
  • You must be logged in to reply to this topic.