Line breaks in footer in mobile version

Hi,

I added <br> to address lines in the footer (HTML widget). They look good on the desktop version but are overlooked on the mobile version so everything tries to be on one line.

I previously added this to the CSS for the main site content, which fixed the problem. I’m not sure what the CSS should be for the footer though.

.entry-content p br {
display: block;
}

This is the website and I’ve attached a screenshot of how it appears on my phone. Thanks for your help!

hey there

Please add this CSS in appearance - customize - additional CSS

@media (max-width: 767px){
br {
display: block;
}
}

Thanks!
Colorlib Support Team