Please help! How to remove line breaks in mobile.

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

Can someone help me with this issue I'm having I have line breaks on the site that work on the desktop view, but on mobile they create very weird line breaks. If I fix the line breaks in mobile it looks bad in desktop. Is there a code I can use that will make the mobile version not apply the line breaks? 

ex: this is how it reads on desktop: 

The Chart House Inn is centrally
located in Newport, Rhode Island —
the City by the Sea.

but on mobile it reads: 

The Chart House Inn is
centrally
located in Newport, Rhode
Island —
the City by the Sea.

Try adding this to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-ce63a81ae0b3ec886182 br {
    display: none;
}
}

On 5/20/2022 at 9:46 PM, tuanphan said:

Try adding this to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-ce63a81ae0b3ec886182 br {
    display: none;
}
}

 

Thank you this worked on that specific block of type, but it didn't change any of the line breaks on the rest of the page 😞 

Try this new code

@media screen and (max-width:767px) {
body#collection-62190ed89b8bb57737b08465 br {
    display: none;
}
}

15 hours ago, tuanphan said:

Try this new code

@media screen and (max-width:767px) {
body#collection-62190ed89b8bb57737b08465 br {
    display: none;
}
}

This worked thank you! 

How do I add this code? I have no coding knowledge lol

@publicappeal Website Tools (under Main Navigation/Not Linked) > Click Custom CSS > Paste code to top of CSS box