Support Forums

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

Your Time: Our Time:

Forced Line Breaks does not work on Mobile Version

Featured Lock Resolved Issue
Hey :)

I need help with my Template "Hope". My website or the buged pages are here: http://oschatz.3farbraum.com/index.php/impressum and http://oschatz.3farbraum.com/index.php/kontakt

I "programmed" the text area with forced breaks "<br>" or "<br />" and it works fine on the desktop or tablet-version but if you scale down to mobile size the tags does not work anymore and the text is just one giant sentance.

How can I force the template to use my "forced breaks" after certain words?

13 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi, Please check now. Thanks

added this code inside the custom.css file

@media only screen and (max-width: 991px){
.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
display: initial !important;
}
}
.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
display: initial !important;
}
br {
display: initial !important;
}


-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your query. Please add this CSS code inside the custom.css file or remove this CSS code from theme.less or template.css file.


@media only screen and (max-width: 991px)
.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
display: initial;
}


-Thanks

fiercely

More than a month ago #Permalink
Hi,

Thanks for your query. Please add this CSS code inside the custom.css file or remove this CSS code from theme.less or template.css file.


@media only screen and (max-width: 991px)
.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
display: initial;
}


-Thanks


Thanks for your answer. I could not find those Code in the theme.less or template.css and add it in the custom.css did not change anything. It's still not breaking where I set it.

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your query. Please add this CSS code inside the custom.css file or remove this CSS code from theme.less or template.css file.


@media only screen and (max-width: 991px)
.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
display: initial;
}


-Thanks


Thanks for your answer. I could not find those Code in the theme.less or template.css and add it in the custom.css did not change anything. It's still not breaking where I set it.


Hi, Could you send me the Joomla administrator access via pm? Thanks

fiercely

More than a month ago #Permalink
Are there any new suggestions?

Toufiq - Staff

More than a month ago #Permalink
Hi, I have tried to log in but no success to the login.

https://prnt.sc/i8lkit

-Thanks

fiercely

More than a month ago #Permalink
Hi, I have tried to log in but no success to the login.

https://prnt.sc/i8lkit

-Thanks


I sent you a message :) Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi, I have tried to log in but no success to the login.

https://prnt.sc/i8lkit

-Thanks


I sent you a message :) Thanks


Hi, You are most welcome & Thanks

mkn007

More than a month ago #Permalink
Hi, Was there a final resolution to this issue? I am having the same problem on mobile devices where page breaks are not recognised stringing paragraphs into one loooong sentence! Any help will be greatly appreciated. Thank you.

Toufiq - Staff

More than a month ago #Permalink
Hi, Was there a final resolution to this issue? I am having the same problem on mobile devices where page breaks are not recognised stringing paragraphs into one loooong sentence! Any help will be greatly appreciated. Thank you.


Hi there, Did you apply css code? Thanks

mkn007

More than a month ago #Permalink
Hi, Was there a final resolution to this issue? I am having the same problem on mobile devices where page breaks are not recognised stringing paragraphs into one loooong sentence! Any help will be greatly appreciated. Thank you.


Hi there, Did you apply css code? Thanks


Hi, Yes I applied the code to custom css.

@media only screen and (max-width: 991px)
.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
display: initial;
}

I could not find it in theme.less or template.css to remove it. I still have the same issues where on mobile devices the page breaks are not recognised. Thanks for your help.

Toufiq - Staff

More than a month ago #Permalink
Hi, Was there a final resolution to this issue? I am having the same problem on mobile devices where page breaks are not recognised stringing paragraphs into one loooong sentence! Any help will be greatly appreciated. Thank you.


Hi there, Did you apply css code? Thanks


Hi, Yes I applied the code to custom css.

@media only screen and (max-width: 991px)
.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
display: initial;
}

I could not find it in theme.less or template.css to remove it. I still have the same issues where on mobile devices the page breaks are not recognised. Thanks for your help.


Hi, You can write down css code inside the custom.css file.

https://youtu.be/AleRAYl6Aco

-Thanks


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 135
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 120
Toufiq

Toufiq

Total Accepted Answers: 65
Pavel

Pavel

Total Accepted Answers: 5
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

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