[Support request] Mobile View

Home Forums Support Mobile View

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #277303
    johnzoro

    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.

    #277409
    Tom
    Lead Developer
    Lead Developer

    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.

    #278545
    johnzoro

    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.

    #278646
    Leo
    Staff
    Customer Support

    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.

    #278746
    Tom
    Lead Developer
    Lead Developer

    Hiding/showing sections depending on device is definitely one way.

    What exactly about it would you want different on mobile?

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.