[Resolved] How to Make Blog Post Mobile responsive

Home Forums Support How to Make Blog Post Mobile responsive

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #342062


    I am facing problem with making Blog post content mobile responsive. Please check http://shalinikoul.com/to-my-conscience/ on mobile. It shows correctly till tab but in mobile view content of the post does not show correctly.

    Everything other than that shows correctly in mobile view.


    GeneratePress 1.3.48
    Customer Support

    Hi there,

    I believe the <pre> tag is causing the trouble.

    Text in a <pre> element is displayed in a fixed-width font and it preserves both spaces and line breaks:

    I think a workaround would be to add the content twice, one displays on desktop only with pre tag and one displays on mobile only without the pre tag. So something like this:

    <div class="hide-on-mobile">
            content here
    <div class="hide-on-desktop hide-on-tablet">
        content here

    Let me know if this works.


    Thanks Leo for your help.

    The work around worked atleast content is being seen now.

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