Archived topic
Mobile View
4 replies · Started by johnzoro on February 11, 2017
On my website, I have a post that has a lot of text which looks not great but ok on desktop view but on mobile view.
Is there a way to have a different more seperated text "look" for mobiles
so for example on desktop it may look like
Desktop View Example
the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen.
the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen.
Mobile View Example
the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen. the quick brown fox jumped over the lazy hen.
what i want mobile view to look like
the quick brown fox jumped over the lazy hen.
the quick brown fox jumped over the lazy hen.
the quick brown fox jumped over the lazy hen.
the quick brown fox jumped over the lazy hen.
the quick brown fox jumped over the lazy hen.
Hi there,
I'm not too sure what you mean - can you link me to the page in question? Typically, text is text. You would have to use some hacky CSS/HTML to make a text block appear separated vs in one block depending on viewing devices.
https://www.greatestreviews.co.uk/best-badminton-racket/
if you look at most of the sections, they have a lot of text
what i want is it to be a bit easier to read on mobile view.
Hi John,
You could try creating sections with the exact texts and add the spacing/break you wanted. Then add hide-on-desktop and hide-on-tablet classes in the Custom Classes field for that section so it would only show up on mobile.
Then you can hide the original one on mobile by adding hide-on-mobile class.
Let me know if this makes sense or works.
Hiding/showing sections depending on device is definitely one way.
What exactly about it would you want different on mobile?
