How can I shift banner text to the left?

How can i align the text below the banner to the left?

Hi @JarnoBroekkamp

Do you mean all the text? Including button?

Would you mind to share your store URL? Thanks!

Yes all the text including the button, but only for mobile.

How do you want me to share the store url?

Hello @JarnoBroekkamp
Can you share store URL?

Its up to you how you like. It’s only a store URL not and admin one. You can also share the preview only on the theme, preview will expired after 3 days. Or you can also pm me. Thanks!

Hello @JarnoBroekkamp

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.banner__box { text-align: left !important; }

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.

Hello, i inserted the code but the text on mobile didn’t align to the left

please share store URL.

www.ateliercharisma.com

www.ateliercharisma.com

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 767px){ .prose { text-align: left !important; } }

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.

Thanks for the tip, but it doesn’t work for me!

Hi @JarnoBroekkamp

Thanks for the info, check this one for the mobile screen.

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:

@media only screen and (max-width: 700px){
.prose.text-center.sm\:text-start {
    text-align: left !important;
}
}

And save.

Result:

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

Thanks this one helped!