Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 21, 2016 at 12:07 am #726837
    panthor

    Hi!

    I just launched my website and I am quite happy with it (and your theme!).
    The problem: in the mobile version the grids (1/4, 1/4, 1/4, 1/4) will stay in one row – although I’ve chosen “1 cell in a row view” for mobile.
    After checking each element again I cannot find any error…

    Any recommendations or hints to solve the problem?

    thanks in advance & regards,
    Thomas

    December 21, 2016 at 7:54 am #726928
    Rikard

    Hey panthor,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home .av_one_fourth {
  width:100% !important;
  margin-left:0 !important;
}
}

    Best regards,
    Rikard

    December 21, 2016 at 8:15 am #726938
    panthor

    Thanks for the fast reply!

    …alas, no change at all. :(

    (I test by reducing my window-size and on my mobile)

    December 22, 2016 at 5:36 am #727384
    Rikard

    Hi,

    Ok, sorry about that. Please try this instead:

    
@media only screen and (max-width: 767px) {
.home .av_one_fourth {
  width:100% !important;
  margin-left:0 !important;
  display: block !important; 
}
}

    Best regards,
    Rikard

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