marlomc Posted May 20, 2022 Share Posted May 20, 2022 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
tuanphan Posted May 21, 2022 Share Posted May 21, 2022 Try adding this to Design > Custom CSS @media screen and (max-width:767px) { div#block-ce63a81ae0b3ec886182 br { display: none; } } marlomc 1 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
marlomc Posted May 23, 2022 Author Share Posted May 23, 2022 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
tuanphan Posted May 24, 2022 Share Posted May 24, 2022 Try this new code @media screen and (max-width:767px) { body#collection-62190ed89b8bb57737b08465 br { display: none; } } marlomc 1 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
marlomc Posted May 24, 2022 Author Share Posted May 24, 2022 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment