Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #700319

    Hey Kriesi Team,

    ich würde gerne wissen, ob es eine Möglichkeit gibt, die Grid Row Anordnung auf einem Handy anders zu definieren, als auf dem Computer?

    Bedeutet:
    Ich erstelle zwei Grid Rows mit je 2 Spalten.
    In der Resten Gridrow, habe ich

    A) BILD — B)TEXT

    in der zweiten

    B)TEXT — A)BILD

    Auf dem PC Sieht das Top aus.
    Auf dem Handy allerdings, habe ich dann Bild, Text, Text, Bild.

    Kann ich diese Anordnung so ändern, das ich nur auf dem Handy folgendes habe:

    Bild, Text, Bild, Text?

    Link der Webseite ist im Anhang.

    Hoffe da gibt es eine Möglichkeit für.

    Danke im Voraus.

    #700380

    Hi MaktubJolie!

    Yes, it’s possible. Here is the concept of the fix: duplicate/clone 2nd,4th row and so on or those that have text-image arrangement and have the clone be in text-image arrangement, the original will be shown on desktop and hidden on mobile while the 2nd row will be hidden on desktop and shown in mobile. In order for you to do so, you need to do the following:

    Go to Appearance > Editor and open functions.php and find this code:
    // add_theme_support('avia_template_builder_custom_css');
    and replace it with
    add_theme_support('avia_template_builder_custom_css');
    then save it.

    Go to the page with gridrows you want to arrange on mobile and duplicate the even rows (2nd,4th, so on)

    Edit the original Grid Row and at the bottom you should see Custom Css Class add this in it: hide-mobile and Save

    Edit the cloned Grid Row and in the Custom Css Class add: hide-desktop then Save and Update

    Go to Enfold Theme Options > General Styling > Quick CSS and add this code:

    .hide-desktop{
        display: none;
    }
    
    @media only screen and (max-width:767px) {
        .hide-desktop{
            display: block;
        }
    
        .hide-mobile {
            display: none;
        }
    }

    and Save

    Hope this helps. :)

    Regards,
    Nikko

    • This reply was modified 7 years, 7 months ago by Nikko. Reason: formatting
    #700518

    You Sir, are a genius.
    It worked extremely good with the first try!
    Thank you very, very much!
    Thumbs Up and keep up the good work!
    Appreciate that!

    • This reply was modified 7 years, 7 months ago by MaktubJolie.
    #700542

    Hi MaktubJolie ,

    Glad that I could help :)

    Best regards,
    Nikko Ayag

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Grid Row Anordnung und Priorität auf Handys’ is closed to new replies.