Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 18, 2016 at 12:24 pm #567130
    Luisgasser

    Hello,

    how can i change the gallery columns for mobiles?

    Now for desktops i have 9 columns, but on mobiles the icons with 9 columns are to small. So it would be better i could set a media query with 4 columns for example.

    January 18, 2016 at 12:31 pm #567136
    Yigit

    Hi Luisgasser!

    Can you please post the link to your website?

    Best regards,
    Yigit

    January 19, 2016 at 12:48 pm #567790
    Luisgasser

    http://test.s-design.tirol/Reschenhof/

    January 19, 2016 at 4:17 pm #567910
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
    width: 24.1111%;
}}

    Cheers!
    Yigit

    January 19, 2016 at 4:32 pm #567931
    Luisgasser

    hi, thank you for your response, but it doesn’t change the columns on mobiles

    January 19, 2016 at 4:46 pm #567940
    Yigit

    Hi!

    Please try adding !important rule as following 

    @media only screen and (max-width: 767px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
    width: 24.1111% !important;
}}

    If that too does not work, please create a temporary admin login and post it here privately.

    Cheers!
    Yigit

    January 19, 2016 at 4:55 pm #567955
    Luisgasser

    great, thank you very much!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘gallery columns’ is closed to new replies.