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

Store Design
,
1

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

resized
resized1004×1432 66.9 KB

full screen
full screen2878×1430 162 KB

2

@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%;
}
}

Ujjaval_0-1673943671707.png
Ujjaval_0-1673943671707.png1600×684 52.8 KB

3

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

4

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,

5

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