Before you ask please READ THIS

[Solved][Reponsive design] Thumbnail pixelated

edited April 2017 in Photon Posts: 8
Hello,

To display an album, I use the brick display. I noticed that on mobile, it showed the same absolute size of thumbnail, which makes them very ugly.

How to have a responsive display with pretty thumbnails?
brick.png
669 x 571 - 107K
Screenshot_2017-04-05-13-36-16.png
542 x 963 - 85K
Post edited by Alix on

Comments

  • AirAir
    Posts: 10,965
    Hello :-)

    Could you post link to your site so I could inspect how it behaves?

    With kind regards.
  • AirAir
    Posts: 10,965
    Have you made some alteration in theme code? I can not find various things, that was responsible for bricks behavior.

    With kind regards.
  • edited April 2017 Posts: 8
    I removed the footer and the hidden basket that's all.
    Post edited by Alix on
  • AirAir
    Posts: 10,965
    OK, I understand now. You have inserted 5 columns, and we have only responsive styles written up to 4 columns.

    OK so for you best would be to use such custom CSS

    @media only screen and (max-width: 600px) {
    /* 1 column */
    body.single-album .bricks-frame .archive-item{
    width: auto !important;
    }
    }
    it should fix it for your case.

    With kind regards.
  • Posts: 8
    Thanks !
    Nice support :)
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion