Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Please help! How to remove line breaks in mobile.


marlomc

Question

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

4 answers to this question

Recommended Posts

  • 0

Try adding this to Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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 😞 

Link to comment
  • 0
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! 

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...