New Landing › How can we help? › Atelier › Searched EVERYWHERE product overlay add to cart issue

Viewing 8 posts - 1 through 8 (of 8 total)
  • Back to forum
    Posted in: Atelier
  • September 16, 2015 at 9:46 am #213441
    AnusTart
    Member
    Post count: 24

    I have never been able to remedy issues with removing reminents of the Add to Cart Button in Mobile View. As you can see in the picuture attached the add to cart button covers a portion of the product discrtion. Equally frustrat, product overlays are entirely too large covering most if not all of the photo.

    If you have mentioned it in this support forum I have tried the CSS for it. This issue just won’t go away.

    Attachments:
    You must be logged in to view attached files.
    September 16, 2015 at 9:53 am #213451
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    This should remove those for you:

    @media only screen and (max-width: 479px) {
.product figure .cart-overlay, .product figure .cart-overlay .shop-actions {
    display: none!important;
}
}

    Thanks,
    David.

    September 16, 2015 at 10:11 am #213463
    AnusTart
    Member
    Post count: 24

    WOW! THANK YOU SO MUCH. I swear I tried basically every variation of that CSS but that one.

    I still am having trouble with the other item. What are your thoughts there?

    September 16, 2015 at 10:25 am #213472
    David Martin – Support
    Moderator
    Post count: 20834

    No problem, the second issue being the tablet overlays?

    This should take care of that.

    @media (min-width: 768px) {
.products .product figure figcaption .thumb-info h4,
.products .product figure figcaption .thumb-info h5 {
    padding-left: 0!important;
    font-size: 14px!important;
    max-width: 100%!important;
}
.products .product figure figcaption .thumb-info h5 { display: none; }
.products .product figure figcaption { height: 60px !important; }
}

    Thanks,
    David.

    September 16, 2015 at 11:38 am #213547
    AnusTart
    Member
    Post count: 24

    Godsend. I guess while I have your attention… Do you see how the thumbnails do not fit together nicely in the second photo. It looks like they should be much bigger and span the entire width of the screen. Do you have a solution for this? You guess should publish a “useful snippets” page by the way.

    September 16, 2015 at 12:02 pm #213557
    AnusTart
    Member
    Post count: 24

    I just visited the site on my actual phone instead of a mobile testing program and noticed the issue with the add to cart buttons appears fixed; however, the product description or category text aren’t showing up at all. I would like it if only product description were revealed (I don’t want the category to come back). Could you provide help on this? Much appreciated!

    September 16, 2015 at 1:41 pm #213629
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    What page are you seeing that? Can you screenshot it?

    – David.

    September 16, 2015 at 1:49 pm #213635
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Everything looks perfect. Please clear the cache of your mobile browser to check this issue.
    Thanks
    Mohammad

  • Back to forum
    Posted in: Atelier
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.