Home page slideshow SHOP re-arrangement debut theme

Store Design
1

Hi All,

When viewing my website on mobile, the SHOP button is too far below the slideshow. I would like it to move up a little bit, could you please help me with the HTML code to make this change?

Thank you in advance

cossetspace_0-1628843708657.png
cossetspace_0-1628843708657.png831×1152 122 KB

2

@cossetspace - this will need css adjustment, can you please share your page link?

3

Hello cossetspace,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.css

@media only screen and (max-width: 749px){
#shopify-section-1628828142b74e4bcb .btn.slideshow__btn.slideshow__btn--mobile {
    margin-top: 5px;
}
#shopify-section-1628828142b74e4bcb .slideshow__text-content {
    padding-top: 0px !important;
}
}
4

Thank you for that, that worked great, do you know if there is way to instead of clicking on the button to go to the page, users can click on the slideshow itself? So get rid of the button and use the slideshow instead.

cossetspace_0-1628850230386.png
cossetspace_0-1628850230386.png813×1014 310 KB

5

for this you have to do code customization, its time consuming task.

or you can show as it is in desktop view!