Columns look bad in mobile view

Support
#1

If you scroll down, I have have 2 columns with red blue backgrounds. They look fine up until mobile when they stack.

Once stacked, the padding looks off, can we make it even? also, remove the white gap above the red.

Thanks.

#2

Hello There,

Thanks for writing in! The gap is coming from the top margin of your custom headline. Please edit your headline and insert custom mtn or margin top none in the class field. If you need some space above the headline, please insert padding-top: 40px; in the style field instead.

Hope this make sense. Kindly let us know how it goes.

#3

I added :padding-top: 40px; because I want the space inside the colored back…but on mobile view, there is still a white gap between the 2.

#4

Hi there,

Are you using a shortcode to display the headlines in the columns?

If so kindly add the class mtn to the shortcode and also change the top padding value like this:

[custom_headline class="mtn" style="color: #fff;padding-top: 3.25em;"]Custom Headline[/custom_headline]

Hope this helps.

#5

Thanks, that worked!

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.