Why doesn't my shop button resize properly on mobile?

Hey, why is this happening? the shop all button when resized/mobile version, doesn’t stay on the image and get bigger! Is there any way to keep it on the picture and just resize it in the same way of the video?

https://marymagdaleneshop.com/

pass: deawiy

@Carda
Put below css into base.css file (Online store ->themes->Edit code->Assets->base.css)

@media screen and (max-width: 767px)
{
.videoBackground .videoBoxInfo {
    padding: 40px 20px;
    background: white !important;
    width: 100%;
}
}

could the button be on top of the video? I mean “overlayed”. And I’d like to have the video a little bigger!

Hallo @Carda

You can add code by following these steps to change

  1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom

@media only screen and (max-width:767px){
.videoBackground .videoBoxInfo {
background-color: transparent;
}
}
If you require any further information, feel free to contact me.

Best regards,

hello @Carda

Step 01:

  1. Go to your Store > Theme > click to edit code.

  2. find this file " base.css" and open it

  3. Paste the code at the end of the file.


this idea helps you