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

    Hi, I have 3 columns of equal height that look perfect on larger screen sizes down to 1262 pixels wide, but from 1262 to 990 – until the site hits tablet size, the 3rd column is smaller, no longer has the border radius and is not equal to the others. So my client apparently has a smaller notebook and is seeing this and I can’t figure out why it’s happening. Could you shed some light on this?

    The site is here: http://eleinar21.sg-host.com/

    And it’s the 3 boxes right under the hero section with their 3 services: Personalized Leadership Coaching, Create Your Flock, and Join a Flock

    #1440125

    Hey Eleina,
    Thank you for the link to your site, the column is equal height, but the image height is not like the others, since it is only a background image this css should solve:

    .home .flex_column.av_one_third.avia-builder-el-13 {
    	background-size: cover;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1440128

    This worked, thank you so much!!!

    #1440153

    Hi,

    Glad to know that the solution worked! If you have more questions, please feel free to open another thread.

    Have a nice day.

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘3 Equal Height Columns that are equal/perfect until 1263 pixels’ is closed to new replies.