column number on mobile

  • Resolved ppauloff

    (@ppauloff)


    7 years, 4 months ago

    hi,
    thank you for the plugin, it’s really easy and usefull (especially for someone not really good in css or html like me!)

    i only have a question: is it possible to set column number to 1 when on mobile?

    i’ve tried in many ways, changing css and stuff like that, but it’s a really huge thing, and i though it’d been easier to ask!
    (i’d also like to change tablet columns to 2, so that it could be 3 on desktop, 2 on tablet and 1 on mobile), how can i do?

    thanks again and all the best,
    paolo

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Kerry

    (@bluenotes)

    Hello,

    You would need to target your CSS using a higher div with an ID. I can give you the CSS you need if you provide a link to your page with the gallery on it.

    Thread Starter ppauloff

    (@ppauloff)

    the page is still a draft, but i can give it to you!
    https://ppauloff.com

    (use the password “coconut”!)

    thanks again

    • This reply was modified 7 years, 4 months ago by ppauloff.
    Plugin Author Kerry

    (@bluenotes)

    Here you go Adjust the max-width for your target device

    /* Small Desktop - 3 columns */
@media (max-width:1280px ) {
    #main .bne-gallery-masonry-wrapper .gallery-item {
        width: 32% !important;
    }    

}
/* Tablet - 2 columns */
@media (max-width:1024px ) {
    #main .bne-gallery-masonry-wrapper .gallery-item {
        width: 49% !important;
    }    

}
/* Mobile - 1 column */
@media (max-width:480px ) {
    #main .bne-gallery-masonry-wrapper .gallery-item {
        width: 100% !important;
    }    
}
    Thread Starter ppauloff

    (@ppauloff)

    thank you sooooooo much!

    ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘column number on mobile’ is closed to new replies.