Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 11, 2016 at 5:08 pm #722840
    bakbek

    Hi, as you can see here – http://screencast.com/t/8R0zbs2SeA – when on mobile the boxes are going over the header image and on smartphones it is even worse as they block it completely. Is there an option to make these boxes appear below the color section only on mobile?

    Thanks.

    December 12, 2016 at 9:29 am #723024
    Rikard

    Hey DROR,

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

    @media only screen and (max-width: 767px) {
.home #info .flex_column_table {
    margin-top: -130px !important;
}
}

    Best regards,
    Rikard

    December 12, 2016 at 9:40 am #723032
    bakbek

    Thanks!

    There’s an issue with Enfold RTL support. When using a Grid Row Element the order is reversed, so the column that is shown on the right in the editor is actually showing on the left in the live page. On desktops it’s OK but on mobile it makes a mess of things.

    Same thing happens when you edit a column and select “equal height”. That makes the order switch so the left column in the editor would be the right column on the live page…

    Any chance you can tell me how to fix this?

    Thanks!

    December 14, 2016 at 6:08 am #724105
    Ismael

    Hi,

    I haven’t work that much with rtl sites but, if I am not mistaken, you should treat the editor as if you’re working in an LTR site. The RTL styles will only be applied in the frontend.

    Best regards,
    Ismael

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