Hello!
Please help.
I have been trying to solve this problem for a while now without results.
The “Shop now” button does not appear in the mobile version, only in the deskop version.
My store: https://linnealoquest.com/
I have tried with this code:
@media only screen and (max-width: 749px) {
.hero__btn {
position: relative;
top: 100px !important;
right: -20% !important;
}
}
Thank you in advance!
Kind regards, Jessica
You can follow the following steps:
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
Thank you Laddi!
I would like to have the button on top of the video just like in the deskop version. Is this posible?
Also, smaller sized just like the deskop version.
Kind regards, Jessica
Please add this css
@media screen and (max-width: 767px){
.videoBoxInfo {
position: relative;
top: -50%;
}
}
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
write this custom css
@media screen and (max-width: 767px)
(index):1744
.videoBackground .videoBoxInfoBtn {
display: inline-block !important;
margin-top: -100%;
}
Thank you once again, but it is still not like the deskop version.
I’ll attached a screenshot of how i want the button.
Thank you in advance!
Jessica
try this css
write this custom css
@media screen and (max-width: 767px)
.videoBackground .videoBoxInfoBtn {
display: inline-block !important;
margin-top: -100%;
}
Hi Asad!
It did not work, instead I got the code on top of the shop. See attached picture.
Best, Jessica
CAN YOU PLEASE SHOW ME WHERE YOU HAVE ADDED THE CODE
Hello again!
I tried placing your code "
@media screen and (max-width: 767px)
(index):1744
.videoBackground .videoBoxInfoBtn {
display: inline-block !important;
margin-top: -100%;
}"
right under Laddis code
“@media screen and (max-width: 767px){
.videoBoxInfo {
position: relative;
top: -50%;
}
}”
It still doesnt work, where should I place it?
Jessica
