New Landing How can we help? Themeforest Theme Support Neighborhood Responsiveness issue at the product page

Viewing 12 posts - 1 through 12 (of 12 total)
  • #149339
    citizenofblue
    Member
    Post count: 29

    Hello there,

    I have a responsiveness issue at the product page. The text description moves at small screens under the product images, so i doesnt look nice. Can you help me?

    Check out the page:
    http://www.flxble.com/shop/bike-dock/bike-dock/

    #149359
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Well what do you want it to do? It can’t stay side by side as there would not be enough room. The layout we have used on mobile is industry standard, most shop websites have this layout

    – Kyle

    #149376
    citizenofblue
    Member
    Post count: 29

    Hey Kyle,

    how can i move then the product name and the price underneath the image, so the image takes the full scale of the screen?

    Best

    #149378
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Something in your custom css will be causing the layout to be like that, please check

    – Kyle

    #149551
    citizenofblue
    Member
    Post count: 29

    Hey Kyle,

    I checked my custom css but I couldnt find something. I have no code concerning that. Can you help me? Thank you

    Best

    #149553
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    If you temporarily remove your custom CSS does it fix the issue?

    – Kyle

    #149554
    citizenofblue
    Member
    Post count: 29

    No!

    #149557
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ok please provide me with a link and login so I can try and fix this for you, it may be due to the recent WooCommerce update

    – Kyle

    #149559
    citizenofblue
    Member
    Post count: 29
    This reply has been marked as private.
    #149571
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    It’s because you’re using an extension for the product images, which is not styled.

    try adding this to your custom css:

    
    @media only screen and (max-width: 767px) { 
    #jckWooThumbs_img_wrap {
    width: 100%;
    }
    }

    – Kyle

    #149574
    citizenofblue
    Member
    Post count: 29

    Thank you Kyle!

    #149575
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register