Okay
  Public Ticket #1733457
3 columns blog layout on mobile
Open

Comments

  • Krzysztof started the conversation

    Hi!
    when I use the 3 columns blog layout, it works perfectly on pc, but on mobile it looks bad (see the attachment) is there any chance to have 1 column on mobile and 3 on pc version?
    thank you in advance

    direct link to blog:
    https://eelfiki.com/dziennik/

    Attached files:  Screenshot_2018-10-03-09-12-39-547_com.android.chrome.png

  •  386
    Madalin replied

    Hi,

    Sure. Here's some CSS.

    @media screen and (max-width: 479px) {
        html .page-template-template-blog .blog-masonry .grid-content .grid-item {
            width: 100%;
        }
    }
    

    Thanks!

  • Krzysztof replied

    works great, thank you! :) 

  •  386
    Madalin replied

    Glad to hear it!

  • Zuzana replied

    Hello,

    I have quite a similar question but regarding the Portfolio layout on mobile devices. 

    I set the responsive options to display 2 columns (projects) when on mobile, but it still displays only 1 column wide no matter how many columns I select. On PC, it works fine and displays 4 columns as I set it to. Could you please help me solve the situation to display 2 columns on mobile? I have tried to search for some solutions here and online but without success.

    Thank you for such a great Dazzle theme and for your help.

  •  386
    Madalin replied

    Hi Zuzana,

    For usability purposes, the portfolio grid will be displayed on 1 column, up to phones with a resolution of 480px. Starting with 480px, the grid can be set and it will display projects on 2 columns. 

    Could you please share with me a link to your website so I can check it out? 

    Thank you!

  • Zuzana replied

    Hello,

    okay, thank you for your quick reply. Here is the link: Website

    So is it possible to limit the number of projects displayed on mobile to 15, but display all projects on PC at the same time? That would solve it as well as there is a lot of projects and takes a long time to scroll down on mobile.

    Thank you very much.

  •  386
    Madalin replied

    Hi Zuzana,

    It seems that Wordfence has limited my access to the website. I'm located in Romania, so if you can whitelist the country, that would be great!

    Unfortunately, you cannot have a different number of project items on mobile and another one on desktop.

    Thank you!