All things Shopify and commerce
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:
1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. And add the following code in theme.liquid file above the </head> tag
<style>
a.videoBoxInfoBtn {
display: block !important;
}
</style>
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
@Linnealoquest
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
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
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
write this custom css
Hello again!
I tried placing your code "
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024