Realigning Mobile Button with banner

[ggcgolf]

Hello! I would like to move the “shop now” button so it’s over the banner on my mobile store while also removing the white space found below it! Here’s a picture of what it looks like right now.

Thanks!

-Brent Gastrau

[Made4uo-Ribe]

Hi @ggcgolf

Do you mean like this?

if it is check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media screen and (max-width: 749px) {
.slideshow__text-wrapper.banner__content {
    position: absolute;
}
.banner--mobile-bottom .slideshow__text.banner__box {
    background: transparent;
}
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[namphan]

Hi @ggcgolf ,

Please go to Customize > Sections > Slideshow > Mobile layout.

you just need to uncheck this, it will display fine

[topnewyork]

Hi @ggcgolf ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

@media screen and (max-width: 749px) {
.slideshow__text-wrapper.banner__content {
    position: absolute;
   }
.banner--mobile-bottom .slideshow__text.banner__box {
    background: transparent;
   }
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!