How can I left-align text in the mobile version of the Dawn theme?

Store Design
,
1

Hi there,

I would like to align the text of the first rich text section here https://taneraskin.com/pages/about to the left in MOBILE VERSION only.

Best,

Isa

1 Like
2

Hi Isabell,
Paste this code in your CSS file.

@media screen and (max-width: 749px){
section#shopify-section-template–17904033038604__31fa1c58-0ac2-4ace-9c80-07ec0102dd8e .rich-text p {
text-align: left !important;
}
}
Thanks & Regards
Sandeep

3

Hi Isabell,
Paste this Css In Your CSS file.

@media screen and (max-width: 749px){
section#shopify-section-template–17904033038604__31fa1c58-0ac2-4ace-9c80-07ec0102dd8e .rich-text p {
text-align: left !important;
}
}

Thanks & Regards
Sandeep

4

Hi @isabellemaria

Thank you for providing your website. Please follow the instructions below to center the first paragraph on mobile only

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
@media only screen and (max-width: 750px) {
.rich-text__text.rte p:first-child {
    text-align: left;
}
}
1 Like
5

There is a problem now. The code works for my whole website. But I want only this specific section to be aligned justified, without the pink sentence too. Could you please have a look again?

https://taneraskin.com/pages/about

6

Hello @isabellemaria

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.section-template--17904033038604__31fa1c58-0ac2-4ace-9c80-07ec0102dd8e-padding .rich-text__text.rte:nth-child(n){
    text-align: left;
}
.section-template--17904033038604__31fa1c58-0ac2-4ace-9c80-07ec0102dd8e-padding .rte > p:last-child {
    text-align: center;
}
7

This didn’t change anything. Could you please have a look again?

8

This didn’t change anything. Could you please have a look again?

9

This didn’t change anything. Could you please have a look again?

10

Hi @isabellemaria

Just FYI, you have errors in your base.css file. Please have someone fix it