Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 22, 2016 at 10:58 am #652007
    eKMUch

    Dear Kriesi,

    I’m using the Partner/logo element on the page indicated below. It is set to show three columns. This works on the desktop view, however on mobile it shows three columns where the left and right one is empty (light grey where the picture would go) and all the pictures are in the center column below each other. How can we fix this?

    Thanks,
    Raphael

    June 24, 2016 at 6:46 am #652865
    Ismael

    Hey eKMUch,

    Thank you for using Enfold.

    It’s actually not empty. The slider is set to pile to a single column on mobile view. Add this in the Quick CSS field if you want the same number of columns as the desktop view:

    @media only screen and (max-width: 479px) {
.responsive #top #wrap_all .slide-entry {
    margin-left: 0;
    clear: none !important;
    width: 32% !important;
    float: left;
}
}

    Best regards,
    Ismael

    June 24, 2016 at 11:46 am #652992
    eKMUch

    Hi Ismael

    Thanks I’ve added the follwoing code to quick css but it didn’t change anything

    @media only screen and (max-width: 479px) {
.responsive #top #wrap_all .slide-entry {
    margin-left: 0;
    clear: none !important;
    width: 32% !important;
    float: left;
}
}

    Did I miss to do something?

    Thanks,R

    June 28, 2016 at 12:00 pm #654142
    Ismael

    Hi,

    What is the mobile device you’re testing this with? Is it a tablet? Replace the code with this:

    @media only screen and (max-width: 768px) {
.responsive #top #wrap_all .slide-entry {
    margin-left: 0;
    clear: none !important;
    width: 32% !important;
    float: left;
}
}

    Best regards,
    Ismael

    July 20, 2016 at 9:15 pm #663115
    eKMUch

    Dear Ismael,

    Thank you for the help. Now it looks fine when looking at it portrait format but weird in landscape (http://prntscr.com/bvdc52). Do you know a fix for this?

    Best,
    Raphael

    July 25, 2016 at 12:55 pm #664581
    Andy

    Hi,

    for portrait mode only use these media queries: 

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
{

}

    and insert your code inside the brackets.

    Best regards,
    Andy

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