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.
Question
marlomc
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.
Link to comment
Top Posters For This Question
2
3
Popular Days
May 24
2
May 20
1
May 21
1
May 23
1
Top Posters For This Question
tuanphan 2 posts
marlomc 3 posts
Popular Days
May 24 2022
2 posts
May 20 2022
1 post
May 21 2022
1 post
May 23 2022
1 post
Popular Posts
tuanphan
Try adding this to Design > Custom CSS @media screen and (max-width:767px) { div#block-ce63a81ae0b3ec886182 br { display: none; } }
tuanphan
Try this new code @media screen and (max-width:767px) { body#collection-62190ed89b8bb57737b08465 br { display: none; } }
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment