Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 13, 2016 at 1:03 pm #698674
    DonPaul93

    Hi!
    I have a problem with the column alignment on mobile devices. I have three 1/3 columns next to each other which should be displayed beneath each other on mobile – which they don’t. Instead the three icons which are in the columns are deferred into each other…
    I searched in the forum and found the following code but it doesn’t work for me… Any suggestions?

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .flex_column {
    margin: 0px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}
}

    Thanks,
    Paul

    October 16, 2016 at 9:10 am #699475
    Rikard

    Hi DonPaul93,

    I couldn’t see anything like that on my end, could you post a screenshot of the issue and in what browser you are seeing it please?

    Thanks,
    Rikard

    October 16, 2016 at 4:45 pm #699642
    DonPaul93

    Hi Rikard,

    Thank you for responding! Here you go…

    Here I used a Samsung Galaxy S III with opera, but the issu also happend on a iPhone 6 and iPhone 5…

    Thanks,
    Paul

    • This reply was modified 7 years, 6 months ago by DonPaul93.
    October 17, 2016 at 3:01 pm #700049
    Yigit

    Hi!

    Please try changing the code to following one 

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

    If that does not help, please create a temporary admin login and post it here privately so we can look into it.

    Edit: On another thread i fixed your custom CSS. This should be working fine as well :) Let us know if it does not.

    Best regards,
    Yigit

    • This reply was modified 7 years, 6 months ago by Yigit.
    October 18, 2016 at 11:13 pm #700939
    DonPaul93

    Hi Yigit,

    Thank you for trying to fix that. Sadly the code does not work …

    Best regards,
    Paul

    October 19, 2016 at 2:01 pm #701305
    Yigit

    Hi,

    I adjusted the code in Quick CSS a bit and it does work fine on my end. However icons are broken. Please refer to this post – http://kriesi.at/documentation/enfold/enable-cors/ to fix it :)

    Best regards,
    Yigit

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