Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #360271

    Hello,
    I’m having problems with the layout of 4 1/4 elements on my Phone (HTC m8). Every 1/4 element has an easy slider. On the Phone it shows only one 1/4 element in landscape. (The other 3 are below the first one) How can i change this so that it will show 2 out of 4 elements next to each other in landscape? it doesn’t work either if i use 5 x 1/5 or 3x 1/3 or resize the images. It switches too fast to 1 element.

    • This topic was modified 5 years, 6 months ago by  Dutchman.
    #360613

    Hi Dutchman!

    Thank you for using Enfold.

    You can alter the column width on mobile device with this on Quick CSS:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .flex_column {
    width: 50%;
    }
    }

    Best regards,
    Ismael

    #362010

    Thanks for your solution. I added a left and right margin because without it the content is stuck to each other and doesn’t look ok.
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .flex_column {
    width: 47%; margin: 0px 4px
    }
    }
    On the left and right there is a lot of white unused space. I really would like to adjust the inner/center space instead of the left and right. Is that possible? Try the first link fromt he previous post on a mobile Phone to see what i mean.
    Another question, after i insert an iconbox and a line below it, i see a lot of white space between this and the next item: <entry-footer>
    How do i remove the entry-footer?

    #363173

    Hey!

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .flex_column { 
    margin-left: 6px;
    margin-right: 7px;
    }}
    

    Try to play around with those numbers. Hope that helps

    <entry-footer>:
    Can you show us that iconbox and line below it with lots of white space? post a link please and show it on a screenshot.

    Best regards,
    Andy

    • This reply was modified 5 years, 6 months ago by  Andy.
    #363268
    This reply has been marked as private.
    #363978

    Hi!

    you can adjust it with this:

    #top form {
    margin-top: -20px;
    }
    

    Regards,
    Andy

    #364038

    Thank you so much!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Responsive switch’ is closed to new replies.