Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 1, 2016 at 8:30 am #641294
    alxbosman

    I would like to keep 2 layout elements next to each other when viewed on mobile.
    What I want to stay next to each other is the logo and the video.
    Please see private content.

    June 1, 2016 at 3:57 pm #641577
    Yigit

    Hey alxbosman!

    Please use Grid Row element. You can simply add your image and video elements into cells and then edit Grid Row element to display cells next to each other on mobile

    Best regards,
    Yigit

    June 1, 2016 at 4:03 pm #641582
    alxbosman

    Hi,

    If I do that then I can’t use a background image as each block needs a separate image.
    Please see site for assistance.

    A

    June 3, 2016 at 6:24 am #642398
    Ismael

    Hi,

    Turn on the custom css class then add a unique class attribute to the columns which contain the logo and the video. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Use css media queries to adjust the width of these columns on mobile view. Example:

    @media only screen and (max-width: 767px) {
.responsive #top .custom-column {
    margin: 0;
    margin-bottom: 10px;
    width: 48%;
}
}

    We used “custom-column” as the class attribute.

    Best regards,
    Ismael

    March 16, 2020 at 5:28 pm #1193544
    Cloudypro

    @Ismael or @Yigit
    I hope you are well

    i have been trying to fix this but i couldnt at last find a way to have the photos aligned on mobile and not go one above the other

    Ableton Live

    I am using a grid row like Yigit said ..
    mine is 1/3 x 3 sections .. the middle 1/3 is big and contains 3x 1/3 layouts . each containing an image
    those images i want them aligned one next to the other on mobile !
    “then edit Grid Row element to display cells next to each other on mobile ” it is enabled in my case ! but they are not aligned next to eachother

    UPDATE !! SORRY I CANNOT DELETE THE COMMENT BUT I FIXED IT NEVERMIND THANKS

    • This reply was modified 4 years, 7 months ago by Cloudypro.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘keep two layout elements next to each other on mobile’ is closed to new replies.