Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 26, 2018 at 4:19 pm #933068
    belinger

    I’m trying to find a way to get all columns for a page, no matter whats inside them to have the same height in mobile view.

    Our page looks something like this:

    Fullwidh slider
    1/2 Column | 1/2 column
    1/2 Column | 1/2 column
    1/1 column (full width image)
    1/2 Column | 1/2 column
    1/2 Column | 1/2 column

    Some of the 1/2 columns have an image and image caption, while some of the other 1/2 columns are just a color background with a special heading(with a subheading)

    All of this looks perfect on a computer.

    However, on mobile, the 1/2 columns with only color background and special heading becomes smaler than the 1/2 columns with images.

    How can I change so that ALL columns have the same fixed height in mobile?

    March 27, 2018 at 12:50 am #933268
    Vinay

    Hey belinger,

    Did you try the Equal height column settings? If yous till have an issue please share a mockup (Upload to dropbox or imgur.com) and share the link here of the end result. and provide a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

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