How to left-align homepage headers just on mobile

Site URL: https://www.craigkleila.com/

Password to site is "password"

On the homepage on mobile, I want the "Testimonials" header and subtext and "Featured case study" header and subtext to be left-aligned. I also want to left align the "View the case study" button on mobile. I want them to stay centered on desktop.

How can I do this? When I change the alignment from center to left in the mobile view, it also changes the desktop view.

17 hours ago, Craig456 said:

Site URL: https://www.craigkleila.com/

Password to site is "password"

On the homepage on mobile, I want the "Testimonials" header and subtext and "Featured case study" header and subtext to be left-aligned. I also want to left align the "View the case study" button on mobile. I want them to stay centered on desktop.

How can I do this? When I change the alignment from center to left in the mobile view, it also changes the desktop view.

Try the following code to make tt

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1660667937194_236600  h2, #block-yui_3_17_2_1_1660667937194_310862 p {
    text-align: left !important;
  }
}

If you want the sub-text is align the same as the heading, kindly edit this section in mobile display, you can drag it it meet your need

This left-aligned the Testimonials headers but none of the other text I mentioned. I want the "Testimonials" header and subtext and "Featured case study" header and subtext to be left-aligned. I also want to left align the "View the case study" button on mobile. I want them to stay centered on desktop.