Remove modal cart & Increase picture size

Hi sandbarswimwea, yes we can change these things with just CSS ??
I can’t see the website tho, 403 error. Do you have something like geo-blocking active?

You can change the “add” text in the main options page, in the Modal cart with items section.

Let’s start with this CSS (put it on customize – CSS section )
body .wc-timeline-product-title
{
font-weight: 300;
font-size: 13px;
text-align:left;
}

body .wc-timeline-product .image
{
width:73px;
}
@media screen and (max-width: 620px){
body .wc-timeline-product .image
{
width:66px;
}
}

Hi! Thanks so much, no there is no geoblocking and we have purchases worldwide so I am not sure. Can you see the normal home page? https://wearesandbar.com

I have solved a few with that thanks.

The floating cart on mobile still shows up – how can I remove this?

The heading size on mobile is still too large and gets cut off.

https://wearesandbar.com/wp-content/uploads/2023/01/IMG_31A450A95A83-1-scaled.jpeg

https://wearesandbar.com/wp-content/uploads/2023/01/IMG_0276.png

On the main option page, have you set Open cart position as “hidden” ?

Try thy this:
@media?screen and (max-width: 620px){
body .wc-timeline-product-title
{
font-size: 13px;
line-height: 15px;
}
}

Ah yes I have found the Open cart position, I had hidden this setting by having the modal cart turned off.

is the code for maxing the heading visible on mobile? If so it hasn’t worked

Add this on your CSS section

@media?screen and (max-width: 620px){
body .wc-timeline-product-title
{
font-size: 12px;
line-height: 14px;
font-weight: 400;
}
}

amazing thanks

Marked as resolved