Why isn't my Shop Now button visible on mobile?

Solved

Why isn't my Shop Now button visible on mobile?

captluci
New Member
12 0 0

Hi please help. SHOP NOW button is working fine on desktop, but it's not showing on mobile.
https://treshkova.com/

captluci_0-1709151696608.png

 

Accepted Solution (1)

PageFly-Oliver
Shopify Partner
878 190 176

This is an accepted solution.

Hi @captluci ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media(max-width:767px){
.videoBoxInfoBtn{
display:block !important
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 7 (7)

peterloane
Shopify Partner
47 5 14

Seems to works in Chrome on Android
See below
Where are you seeing an issue ?

peterloane_0-1709155034825.png

 

captluci
New Member
12 0 0

Hello sir, in desktop there is two SHOP NOW button. One above the header and one inside the video. 


In mobile, it is only showing on the header.

captluci_0-1709172195651.png

captluci_1-1709172215752.png

 



peterloane
Shopify Partner
47 5 14

My bad I only looked at the mobile site
Hope the fix from @PageFly-Oliver  solves it for you
If not will take another look

captluci
New Member
12 0 0

please help me with my new problem sir.

I want to put my currency selector beside the logo or the search button. Because it was put on the menu tab which is not efficient for customers and it's very not noticeable for "mobile users". I want the mobile users to see the currency selector on the header as soon as they visit the website so it could be easier. Hope for a help! Thank you sir!

ALSO ON DESKTOP VERSION MY MENU IS NOT CENTERED. PLS HELP IM CRYING

captluci_0-1710418515272.png

 

captluci_1-1710418515286.png

 

 

PageFly-Oliver
Shopify Partner
878 190 176

This is an accepted solution.

Hi @captluci ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media(max-width:767px){
.videoBoxInfoBtn{
display:block !important
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

captluci
New Member
12 0 0

Thank you! Appreciate you!

captluci
New Member
12 0 0

Hello! Can you help me with another problem? I want to put my currency selector beside the logo or the search button. Because it was put on the menu tab which is not efficient for customers and it's very not noticeable for mobile users. I want the mobile users to see the currency selector on the header as soon as they visit the website so it could be easier. Hope for a help! Thank you sir!

captluci_0-1710403237252.png

captluci_1-1710403246020.png