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) { …

Hi @Linnealoquest You can follow the following steps: Please go to the Online Store Then Edit Code Please find the theme.liquid file And add the following code in theme.liquid file above the tag [laddisahsi_0-1695297595516.png] If this solution is worked, then please Like this and Mark this…

@Linnealoquest Please add this css @media screen and (max-width: 767px){ .videoBoxInfo { position: relative; top: -50%; } } [laddisahsi_0-1695298367583.png] 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%; } [Screenshot_25.png]

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 [Skärmavbild 2023-09-21 kl. 14.26.35.png]

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 [Skärmavbild 2023-09-21 kl. 15.23.30.png]

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: -…

Why doesn't the 'Shop Now' button appear on my mobile site?

Shopify Discussion

Linnealoquest September 21, 2023, 12:05pm 3

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

Topic		Replies	Views
How can I relocate the 'Shop Now' button on my desktop site? Store Design	5	54	November 4, 2021
Buy Now button not showing up on mobile Shopify Discussion troubleshooting	8	76	November 28, 2022
Slider Button Not showing up on mobile device Store Design menu , design , header , customizations , css , troubleshooting	4	73	February 28, 2024
Shop Now Button Not Showing Up On Mobile But Works Perfectly on Desktop Store Design design , header , css	2	72	January 29, 2024
How can I resize the 'Shop Now' button for mobile view? Store Design menu , customizations , css	6	105	February 9, 2023

Why doesn't the 'Shop Now' button appear on my mobile site?

Related topics