Hi there!
I am done with my website but still have some problems regarding the cart drawer.
When I open it I see the products summary but it does not scroll down till the end where there are shipping infos about the free shipping terms.
How can I manage to make it scroll correctly?
Than you in advance
www.sosober.it
mohwhi
@sosober it is happening due to css setting, if you add the given css to the end of your theme.css file, then user would be able to scroll to view info, but it would also show info below this cart layer like screenshot given below
@media screen and (max-width:749px){
#slideout-ajax-cart {position: relative !important;}
}
@sosober please add this css to the very end of your theme.css file and check
`@media screen and (max-width:749px)
{
.ajax-cart__drawer-wrapper .ajax-cart__cart-form{ overflow-y: scroll !important;
height: 200px !important;}
}`
it is happening due to css setting, if you add the given css to the end of your theme.css file, then user would be able to scroll to view info.
@sosober hi, the issue is, you copy pasted code correctly, but by mistake on previous line there is unwanted apostrophe sign , please remove this apostrophe ` and save. check screenshot below, line 4292
@sosober You have 3 divs in card drawer, ajax-cart__cart-items, ajax-cart__info-wrapper and ajax-cart__summary-wrapper.
ajax-cart__summary-wrapper is styled as postion: fixed and it is overlapping ajax-cart__info-wrapper. Thats the reason you are unable to view it when multiple products added to the cart.
There are 2 ways you could fix this issue.
It will be better you should limit some info, align buttons parallely and use collapse/tooltip blocks to show long texts.
off sitewide
July sale — 45% off at checkout, applied automatically. Valid for 60 minutes. One per customer.
Offer ends in
