Shopify Design

CeylonThreads · ‎09-14-2021

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

diego_ezfy · ‎09-18-2021

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

Please let me know whether it works.

Kind regards,
Diego

◦ Make Slideshow & banner images stop cutting off | no apps..
◦ Replace apps with copy/paste code snippets & save money - click here.
◦ Available for hire! Click here to contact me.

View solution in original post