Shopify themes, liquid, logos, and UX
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
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!
Hi @ggcgolf,
Please go to Customize > Sections > Slideshow > Mobile layout.
you just need to uncheck this, it will display fine
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 </head>
@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!
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024