Columns Height Issue

Terra Spero

• October 25, 2021 10:40

Hi,

I am using a three column layout. The heading text in these columns splits in two or three lines (depending upon the device, particularly on mobile devices with horizontal view and tablet devices) that makes the height of these columns unequal (as you can see in the attached image) I am using space element in all these columns, but the issue is still there.

0

• 

  Terra Spero

  • October 27, 2021 15:34

  I posted my issue about 60 hours ago, which was approved to be posted about 48 hours ago and since then, nobody tried to resolve my issue. They say I got one year VIP support with my lifetime agency plan... If VIP support is delivered so late, I think the normal clients will have to wait for their entire life.....

  0
• 

  Denis B

  • October 28, 2021 08:58

  Hi,

  First of all I want to apologize for such delay. Initially, your message was received in spam in our support platform. When post/comment is moved from spam, it automatically becomes published and somehow this was missed be the team. I'm very sorry for that.

  Regarding your question. Can I ask you to provide link to this page so we can check how this appears in mobile and desktop view?

  Best regards,
  Denis.

  0
• 

  Terra Spero

  • October 28, 2021 10:55

  Hi,

  here is the link of this page

  https://rma.us.com/

  Thanks

  0
• 

  Denis B

  • October 28, 2021 15:24
  • Edited

  Hi,

  Thank you for your reply and providing website URL. In this case we can try to set minimal height for text element below icons. To do that, please, assign to every text element below icon same custom class (for example equal-height-title). And add CSS code below in Appearance > Customize > Custom CSS:

  @media (min-width: 768px) and (max-width: 991px) {
     .equal-height-title {
        min-height: 48px;
     }
  }
  
  @media (min-width: 992px) and (max-width: 1300px) {
     .equal-height-title {
        min-height: 55px;
     }
  }

  Let me know if this worked.

  Best regards,
  Denis.

  0
• 

  Terra Spero

  • October 28, 2021 17:30
  • Edited

  Hi,

  Thanks for responding. This CSS solved the problem partially. From 992px to 1400px , the problem does not occur. But for the resolution range from 768px to 991px, the column with least amount of text in heading goes further down (Please see attached Images, middle column in first screenshot and third column in second screenshot)

  0
• 

  Terra Spero

  • November 01, 2021 09:28

  Any update...?

  0
• 

  Denis B

  • November 01, 2021 09:47

  Hi,

  Sorry for late reply, support is limited on weekends.

  Please, remove spaces that you added and check how titles will be displayed after that.

  Best regards,
  Denis.

  0
• 

  Terra Spero

  • November 01, 2021 14:08

  It worked, thanks.

  0
• 

  Denis B

  • November 01, 2021 14:13

  You are welcome.

  0

Please sign in to leave a comment.