Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 5, 2016 at 7:34 pm #627957
    maxgorelkine

    Hello,

    I was wondering if it would be possible to change the way the logo grid shortcode displays logos on smartphone.
    I’m using a 6 columns layout, which switches to a 2 column layout under 767px. I would like it to be a minimum of 3 columns on any display, how would I achieve this? I tried to change some css, with no result…
    Could you please help?
    Thanks a lot!

    May 9, 2016 at 11:10 am #629124
    Rikard

    Hi maxgorelkine,

    Sorry for the late reply. Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    May 20, 2016 at 10:31 am #635812
    maxgorelkine

    Here you go

    May 23, 2016 at 6:58 am #636570
    Ismael

    Hi,

    Thank you for the link. Site looks nice.

    Please add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
    width: 33%!important;
    margin-left: 0%!important;
    margin-bottom: 0;
}
}

    Best regards,
    Ismael

    May 25, 2016 at 10:47 am #637946
    maxgorelkine

    Hello,

    Thanks for the css. Unfortunately, it doesn’t seem to work properly as you can see on the test page…
    Any ideas?

    Thanks!

    May 26, 2016 at 2:44 pm #638727
    Yigit

    Hi,

    Please try adding following code to Quick CSS

    @media only screen and (max-width: 767px) {
.page-id-2226 .avia-logo-element-container .slide-entry {
    width: 33%!important;
    margin-left: 0%!important;
    margin-bottom: 0;
}
}

    Best regards,
    Yigit

    May 27, 2016 at 1:19 pm #639263
    maxgorelkine

    Thanks, I tried, but unfortunately it doesn’t change a thing…

    May 27, 2016 at 1:23 pm #639266
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    May 27, 2016 at 1:26 pm #639268
    maxgorelkine

    Here you go!

    May 27, 2016 at 2:03 pm #639278
    Yigit

    Hi!

    I added the code once again and flushed cache. Please review your website now

    Best regards,
    Yigit

    May 27, 2016 at 2:06 pm #639279
    maxgorelkine

    Thanks a lot, unfortunately I don’t see any change, still 2 columns on small screens for the test page :

    • This reply was modified 8 years, 5 months ago by maxgorelkine.
    May 30, 2016 at 3:32 am #640075
    Ismael

    Hi,

    You forgot to add the code in the EN theme options. Please remove browser cache or hard refresh the page.

    Best regards,
    Ismael

    June 3, 2016 at 12:25 pm #642520
    maxgorelkine

    It works!! Thank you so much!!
    Great support as usual! :)

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Change number of columns on mobile for logo grid’ is closed to new replies.