Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1156838

    Hello dear Support Team,

    i´m using the Spa Demo.

    I´ve made some Grid-Rows with the following Logic:

    Row 1: Text left / Picture right
    Row 2: Picture left / Text right
    … and so on

    Looks nice on large Screens.

    But on mobile / Tablets is the Problem, that always the right Section appears at first.
    So that i have Text – Picture – Picture – Text.
    Question: is it possible to set the Logic to Text – Picture (Row 1) Text – Picture (Row 2) on mobile?

    And i know: could disable the Pictures on mobile Devices.
    But my Customer want to have the Pictures on mobile / Tabs also :-/

    Thanks a lot,
    FelixL

    #1157469

    Hey felixl,

    Please have a look at the solution posted here:

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1157634

    Hello Victoria,

    thanks a lot – but it doesn´t work. :-(
    Even when i put it into themes/enfold/css/custom.css
    Below my credentials, could you please take a look?

    Thank you very much!
    FelixL

    #1157675

    Hi,
    Thanks for the login, I took a look at your page and added this css to your Quick CSS:

    @media only screen and (max-width:767px){
        #top.home #av-layout-grid-2, #top.home #av-layout-grid-6,#top.home #av-layout-grid-8 {
            display: flex !important; 
            flex-direction: column-reverse !important; 
        }
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    #1157767

    Hello Mike,

    great Job! It works now!

    Thanks a lot and i wish you a great Week,
    FelixL

    #1157808

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Grid Row Picture / Text on mobile Devices’ is closed to new replies.