Hi,
I want to move the “shop now” button to the top left corner on mobile. Its in the top left corner already on a computer screen but not on mobile. Please help me.
https://g0eska-es.myshopify.com/
Topic summary
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:
- Navigate to Online Store → Theme → Edit Code
- Locate the
assets/base.cssfile - Add custom CSS code at the end of the file
The CSS snippet uses a media query targeting mobile screens (max-width: 749px) to:
- Align banner content to the left
- Adjust text alignment to left
- Apply negative top margin (-24%) for positioning
This appears to be an ongoing thread with a technical solution offered but no confirmation yet of whether it resolved the issue.
1 Like
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%;
}
}
1 Like