How can I reposition the slideshow button on mobile?

How can I reposition the slideshow button on mobile?

Kkateleigh
Excursionist
26 0 4

On my computer I was able to position the shop now button  where I wanted but how do I go about moving it on mobile? Photo for what I’m taking about 

Replies 7 (7)

GemPages
Shopify Partner
5625 1261 1243

Hi @Kkateleigh,

 

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

 

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Kkateleigh
Excursionist
26 0 4
PageFly-Kate
Shopify Partner
1271 361 389

Hi @Kkateleigh 
You can try my idea above

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-slideshow.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    .slideshow__text.banner__box {
        display: block !important;
        text-align: center !important;
        padding-bottom: 0 !important;
    }
}
 

I hope it would help you

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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

BSS-Commerce
Shopify Partner
3477 463 538

Hi @Kkateleigh 

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via [email protected]


BSS Commerce - Full-service eCommerce Agency

Denishamakwana
Shopify Partner
1408 173 231

Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on [email protected] | Shopify Design Changes | Custom Modifications In to Shopify Theme
Kkateleigh
Excursionist
26 0 4

PageFly-Kate
Shopify Partner
1271 361 389

Hi @Kkateleigh ,

 

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-slideshow.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    .slideshow__text.banner__box {
        display: block !important;
        text-align: center !important;
        padding-bottom: 0 !important;
    }
}

I hope it would help you

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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