Debut Theme Slideshow -SHOP NOW' Button Mobile

Solved
CeylonThreads
Tourist
8 0 2

Hi I need some help with my debut theme code.

The version on my laptop seems fine but when i look at it through mobile my 'Shop Now' Button on my Landing page slideshow is below the image. Which i find very odd and annoying!
Please can someone help me out here?

Thank you

Accepted Solution (1)

Accepted Solutions
diego_ezfy
Shopify Partner
2313 415 545

This is an accepted solution.

@CeylonThreads, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

@media (max-width: 749px){
    .slideshow__btn{
    display: inline-block !important;   
    margin: 0 auto;
    text-align: center;
}

.slideshow__text-content--mobile{
    display: none !important;
}

.slideshow__btn-wrapper{
    text-align: center !important;
}

.index-section--slideshow{
    margin-bottom: -30px;
}
}


This is how it will look like on mobile:

diego_ezfy_0-1631964142742.png

 



Please let me know whether it works.

Kind regards,
Diego

◦ Slideshow images cutting off or looking bad? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

Replies 13 (13)
KetanKumar
Shopify Partner
25121 2517 9088

@CeylonThreads 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
CeylonThreads
Tourist
8 0 2
My site isn't published yet, but I am still doing it. I have attached a
picture for your reference on how it looks on the laptop and on the
iphone.

[image: WhatsApp Image 2021-09-16 at 6.11.59 PM (1).jpeg]
Zworthkey
Shopify Partner
2596 310 646

@CeylonThreads 
kindly share your site preview link so,
I can solve it.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zworthkey
Shopify Partner
2596 310 646

@CeylonThreads 
Share your store password.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
25121 2517 9088

@CeylonThreads 

thanks for url bt your store is password protect 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
CeylonThreads
Tourist
8 0 2
my password is prawnzypiee
CeylonThreads
Tourist
8 0 2

Store url : ceylonthreads.com

Password : prawnzypie

Zworthkey
Shopify Partner
2596 310 646

hii, @CeylonThreads 
Paste this code on top of the theme.scss file.

@media only screen and (max-width: 749px){
.page-width {
    margin-top: -200px !important;
}
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing