A user wants to reposition a “shop now” button on their Shopify store’s mobile banner image. The button already appears in the top left corner on desktop but displays differently on mobile devices.
Solution provided:
assets/base.css fileThe CSS snippet uses a media query targeting mobile screens (max-width: 749px) to:
This appears to be an ongoing thread with a technical solution offered but no confirmation yet of whether it resolved the issue.
Hello @drakenberg
Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.
@media only screen and (max-width: 749px){
.banner--content-align-mobile-left .banner__box {
text-align: left;
top: -42%;
}
}
