WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Fourteen
Show entire posts in mobile view (14 posts)

  1. aliceheavey
    Member
    Posted 7 months ago #

    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 http://pippih.se

  2. H. Fisherman
    Member
    Posted 7 months ago #

    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?

  3. H. Fisherman
    Member
    Posted 7 months ago #

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

  4. aliceheavey
    Member
    Posted 7 months ago #

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

  5. zx128
    Member
    Posted 7 months ago #

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

  6. aliceheavey
    Member
    Posted 7 months ago #

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

  7. zx128
    Member
    Posted 7 months ago #

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

  8. Zulfikar Nore
    Member
    Posted 7 months ago #

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

  9. aliceheavey
    Member
    Posted 7 months ago #

    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!

  10. zx128
    Member
    Posted 7 months ago #

    @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.

  11. aliceheavey
    Member
    Posted 7 months ago #

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

  12. ipunkbali
    Member
    Posted 7 months ago #

    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

  13. MrsBodien
    Member
    Posted 7 months ago #

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

  14. MarcoPau
    Member
    Posted 4 months ago #

    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

Reply

You must log in to post.

About this Theme

About this Topic