How to place text in left side

Store Design
1

How can I place my banner text on the left side

smit23_0-1725200289366.png
smit23_0-1725200289366.png1544×688 118 KB

2

@smit23 Could you please share the store URL? This will allow me to inspect it and provide you with a more tailored solution.

1 Like
3

https://sofinia24.de/

4

@smit23 Add this

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:990px){ .hero__text-content.horizontal-center { text-align: left !important; } }

niraj_patel_0-1725200722607.png
niraj_patel_0-1725200722607.png1346×499 339 KB

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

5

Hello! @smit23 Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your CSS file. If you have a custom CSS file, open that instead.
  5. If you can’t find your custom CSS file, open “theme.css”
  6. Add the following code at the end of the file.
.hero__text-content.horizontal-center {
    text-align: left;
}

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
Kaushik

1 Like
6

Hye @Kaushik_7 , @niraj_patel On desktop looking good but on mobile i want Centre

7

@smit23 please replace css with billow css

@media only screen and (min-width: 767px){
.hero__text-content.horizontal-center {
    text-align: left;
}
}

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
Kaushik

1 Like
8

Thank you for your assistance @Kaushik_7

1 Like