desktop display vs mobile display

Hello,

Add the below code to the Customize > Custom CSS section. Adjust the code as per your need.

@media screen and (min-width: 480px) {
.single .entry-content p {
    max-width: 80%;
    margin: 0 auto;
}
}

Ok Thanks, But why don’t the headings respond also ?

Update the old code with the below code.

@media screen and (min-width: 480px) {
.single .entry-content p, .single .entry-content h2 {
    max-width: 80%;
    margin: 0 auto;
}
}

that worked except for the “street portrait” section at the bottom

https://www.slimnics.com/tachileik-photo-walk/

Use the below code –

@media screen and (min-width: 480px) {
.single .entry-content p, .single .entry-content h2, .single .entry-content h3 {
max-width: 80%;
margin: 0 auto;
}
}

yes that worked …thank you ??

You’re welcome!