Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 23, 2015 at 11:19 pm #557230
    richardwilding

    Dear Kriesi,

    Currently, when I scale down to an iPhone sized window, the portfolio grid re-formats down to 2 columns. On the small screen these are really too narrow to see the image and excerpt.

    Please see link below.

    How can I set the responsive design to go down to a single column under an iPhone sized window?

    December 27, 2015 at 8:23 am #557566
    Rikard

    Hey Richard,

    That page looks a bit strange in general, did you make any changes at all to the theme? Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    December 30, 2015 at 2:46 pm #558432
    richardwilding

    Thanks Rikard,

    I have made quite a lot of visual modifications in the Quick CSS to customise my site.

    The main change I made to the layout was to add some spacing between items in the portfolio grid.
    However, as the padding is added to the right of each item this is not ideal, as it means there is more space to the right of items
    than to the left meaning that content is not centred, especially noticaeable when viewed on smaller screen sizes.

    What in particular looks wrong to you?

    I’ve posted an admin login in the private section below.

    Best wishes,
    Richard

    December 30, 2015 at 4:33 pm #558464
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .grid-sort-container .grid-entry {
    width: 100%;
    left: 0!important;
}}

    Cheers!
    Yigit

    March 16, 2016 at 3:13 pm #598945
    richardwilding

    Dear Kriesi,

    I used this css to make my portfolio grid change down to 1 column when viewed on small screen sizes,
    but how can I make it also apply to the masonry grid?

    Thanks, Richard

    March 18, 2016 at 2:13 pm #600291
    Ismael

    Hey!

    Please add this inside the css media query above:

    .responsive #top .av-masonry-entry {
    width: 100%;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.