Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 27, 2022 at 5:10 am #1353090
    navindesigns

    on my site – http://balrajt9.sg-host.com/about/ – I have a section that has 5 columns with the labels 2000, 2007, 2008, 2016 and NOW

    I have set the columns to be equal height and it looks great on desktop but I do not want it to have equal height on mobile because now each of those 5 blocks have extra white space at the bottom on mobile.

    How do I only make this affect desktop only for this 5 column section?

    May 27, 2022 at 1:36 pm #1353147
    Mike

    Hey navindesigns,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (max-width: 767px) { 
	#top.page-id-235 .aboutTimelineBody {
    min-height: 100px !important;
}
}

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

    Best regards,
    Mike

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