How can I modify my Sense theme layout on mobile?

[itsmejoshy]

Hello,

I’d like that my “Image with text” shows the text first and then the image on mobile.

As well I would like to know how to change the H2 Headers to be centered but if possible not all of them.

Thanks for the help in advance

[MarinaPetrovic]

Please share url @itsmejoshy .

[MarinaPetrovic]

Hi @itsmejoshy ,
For the second question. Go to edit code > Assets > section-multicolumn.css.
Find this element

.multicolumn .title-wrapper-with-link {
    margin-bottom: 3rem;
}

And change it with this:

.multicolumn .title-wrapper-with-link {
    margin-bottom: 3rem;
    justify-content: center;
}

For the first one.

component-image-with-text.css, add this:

@media screen and (max-width: 749px){
.image-with-text__grid{
flex-direction: column-reverse!important;
}
}