Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Line spacing stripped on Tablet & Mobile layout

Featured Lock Resolved Bug
My text includes multiple paragraphs seperated by extra line feeds. Looks fine on full screen.

However both the tablet layout and mobile layout show the text as one big paragraph.

Is this a bug in the Hope template? Is there a way to fix it?

My website is at http://www.LemonadeTeamBuilding.com

Thanks.

6 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Use JCE editor which allows you select html tag for breaks. It's much faster.
---
Beside you can define default space between each <p> , yes using CSS.

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
use below code, then clear CMS and browser cache:


@media screen and (max-width: 840px) {
#sppb-addon-1505215073673 .sppb-addon-title {margin: 0 !important;}
.responsive-padding {padding: 30px 0 15px 0 !important;}
.sp-page-builder .page-content #section-id-1505215073663,
#sp-bottom {padding-top: 5px !important;}
}

Rob

More than a month ago #Permalink
Hi Paul,

I tried the code in 3 places, cleared caches and viewed in different browser - but it didn't help.

Areas I tried code:
1. Custom CMS code for the template Hope
2. Custom CMS for the text module
3. Custom CMS for the page

I'm curious why the text module on the Contact Page works - and text modules on the Home Page don't.

Any other ideas.

Thanks,

Paul Frankowski - Staff

More than a month ago #Permalink
I checked on Responsive mode and spaces between rows are much more smaller on homepage.
As you asked.
----

Text Modules?

Rob

More than a month ago #Permalink
I looked at the source code for both text modules.

The text module on the contact page is using paragraph breaks <p></p> for each line.

Whenever I put in a new text module the text editor inserts line breaks <br></br> for each line - this seems to be causing the problem with Tablet and Mobile layouts.

To double check I edited each line of the source code and changed line breaks to paragraph breaks - and once that is done then the text shows properly on all devices. (I changed <br> to <p> and </br> to </p> )

This is a lot of work however. Any ideas on how to make it so that Tablets and Mobile layouts don't ignore line breaks?

Note: I have another website that uses the Revibe Template. The text is filled with line breaks and it shows the same (properly) on all 3 devices. So it appears that Revibe handles line breaks properly and Hope doesn't.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 129
Sifat

Sifat

Total Accepted Answers: 88
Toufiq

Toufiq

Total Accepted Answers: 41
Pavel

Pavel

Total Accepted Answers: 6
Al Mamun

Al Mamun

Total Accepted Answers: 3

114

Templates

292582

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us