Shift my "shop all" button to the left side

Store Design
, ,

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.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
4

Hi @Alex087

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.banner__content.banner__content--bottom-center.page-width {
    justify-content: left !important;
}

I hope it help.

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