Thank you, I would like to have more precision on the placement of this button. Also, I would like to adjust on mobiles website version.
Topic summary
A user working with Shopify’s Dawn theme seeks to reposition the “Shop All” button from center to left alignment on their homepage banner.
Solutions Provided:
Multiple contributors offered CSS code snippets to modify button alignment by editing the theme’s CSS files (base.css, style.css, or theme.css). The primary solution involves adding:
.banner__content.banner__content--bottom-center.page-width {
justify-content: left !important;
}
Additional Requests:
The original poster requested:
- More precise control over button placement using specific positioning values
- Mobile-responsive alignment adjustments
A separate user later joined asking how to position slideshow buttons using numerical values (pixels/percentages) rather than simple left/center/right alignment. Contributors explained this requires adjusting CSS properties like top, left, margins, and padding with specific pixel or percentage values, though the conversation about precise numerical positioning remains ongoing with the user seeking clearer guidance on manipulating these values.