change Read Masonry blog in single column on mobile device

  • Posted in : Read WP
  • boukebouke
    Participant

    Hi there!

    I love the masonry blog as a homepage on bigger screens, however i want a single column blog view on all mobile devises. When i open my website http://www.boukebouke.com on my iphone it somehow opens in 4 columns. looks kinda dodgy. How can i chance this in a single column blog view on mobile devises only?

    BoukeBouke

    serkan
    Moderator

    Hi BoukeBouke,
    Could you try to use this custom css code please?

    @media screen and (max-width: 767px) {  .blog-masonry .hentry {  width: 100%; } }

    Thanks

    boukebouke
    Participant

    Hey Serkan,

    Thanks for your reply. I tried it and it doesn’t change the way the site opens on mobile. Still 4 columns when i open it on iphone. Is there anything else i could try?
    thanks for your help and effort,
    BoukeBouke

    ahmetsali
    Keymaster

    Hi, just fixed the issue, it will be available with the next update, if you don’t want to wait for the next update, you can download main.js here;

    http://themes.pixelwars.org/read-wp/wp-content/themes/read/js/main.js

    and replace it with the one in your theme folder/js folder.

    Thanks for the feedback.

    boukebouke
    Participant

    Hey Ahmetsali!

    changed it, and it works like a charm.

    Splendid :)

    thanx a zillion, BoukeBouke

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

    Mehmet S.
    Keymaster

    New version is available.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register