Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 1, 2016 at 3:15 am #667102
    Webvelopment

    Good day,

    Our live site, linked in private content, is having a issue where the cart is braking the defines of it’s collumn.

    When I add a product to the cart and the window size drops below a width of 1400 it exceeds the width of it’s column and therefore text in the next column over lapses it and becomes unreadable. See screenshot here:
    http://prntscr.com/c00szl

    We have written temp CSS that gives the product links a background colour, however the cart is still unusable. The CSS looks like this: 

    .av-catalogue-container.av-catalogue-container-woo {
    background-color: white;
}

    How would I fix this?

    August 1, 2016 at 3:43 am #667109
    Vinay

    Hey Willan,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .page-id-842 .shop_table .product-quantity {
    display: none !important;
}

    Best regards,
    Vinay

    August 1, 2016 at 11:33 am #667196
    Webvelopment

    Good day Vinay,

    That makes no sense, removing the Product Quantity field is not really an option here.

    Please advise on a better solution that wont do this kind of intrusive behaviour.

    Kind regards.

    August 4, 2016 at 2:37 pm #668592
    Yigit

    Hi,

    Please add following code to Quick CSS

    @media only screen and (max-width: 1400px) {
.page-id-842 .flex_cell {
    display: block;
    width: 100%!important;
}}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.