Show entire posts in mobile view

  • When you visit my blog from a phone (I’ve only tried with iPhone) you can’t see full posts on the homepage. You only see the post title, and then you have to click it to view the post. I want all posts to show, with pictures and all.

    My blog is https://pippih.se

Viewing 13 replies - 1 through 13 (of 13 total)

  • Visiting twentyfourteendemo.wordpress.com with a smartphone results in the same: the featured posts show with their image, non-featured posts show with a thumbnail.

    When I use twenty fourteen without featured posts and without images, the smartphone view will only show the post title (and date & author).

    I have experimented with a child theme and variations of the media queries in style.css, but it didn’t work. I had to modify the original style.css too, to get the desired result.

    Any idea to fix it in the child themes style.css?

    @aliceheavey: it looks as if you don’t use Twenty Fourteen in your blog

    Thread Starter aliceheavey

    (@aliceheavey)

    @h. Fisherman Oh, I didn’t want the blog to be a total mess, so I temporarily switched over to Twenty Ten.

    @aliceheavey Fantastic minimalist design. What typo have you used?

    Thread Starter aliceheavey

    (@aliceheavey)

    Thank you! The headings are Helvetica Neue, font weight 100 (extra thin). The rest is just Helvetia/Helvetica Neue.

    Very nice Typo! And how did you put it in? I think, in Google Fonts it not available.

    Just a heads up on the full posts on mobiles – Fourteen Extended plugin now has that covered.

    Thread Starter aliceheavey

    (@aliceheavey)

    Helvetica should be available by default. It’s always been that way for me. So I just change font-family in the CSS to Helvetica or/and Helvetica-Neue and that’s it.

    And thanks a ton for the plugin!

    @aliceheavey Ah ok you have installed Helvetica in your computer (maybe you have a mac) but the problem is somebody enter in your blog with Windows OS (Helvetica isn’t installed by default). Then you get the substitutive Arial and the result is unfortunately different. I’ve just checked it.

    Thread Starter aliceheavey

    (@aliceheavey)

    Oh, that’s good to know! Fortunately most people visiting my blog use iOS or osx. But I’ll have to get that fixed.

    Add in your child theme

    @media screen and (max-width: 400px) {
    .list-view .site-content .cat-links,
    .list-view .site-content .entry-content,
    .list-view .site-content .entry-summary,
    .list-view .site-content footer.entry-meta {
    display: inline;
    }
    }

    Remove .list-view .site-content .cat-links if you dont want category link to show up

    thank you very much @ipunkbali. your code worked to display full posts on mobile instead of just post titles (at https://dev2.katebodien.com).

    I have tried this but on my android smartphone I am still seeing the list of the articles’ titles. No content.

    Am I supposed to modify the lines for other devices?

    Thanks

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Show entire posts in mobile view’ is closed to new replies.