Adjust Margin Top of text Responsive Design

Hi there,

I need to adjust the margin-top of text when it is viewed on a tablet device. From the developer tool it needs to change at the first-child. Can you guide with the css code please?

I added the $el.x-text but it didn’t work.

Thank you

Hello @Symbiosis,

Thanks for writing in!

Based on the screenshot, it seems that you have enabled the Flexbox option in your column settings and it is aligning the contents to the center vertically. Please set the alignment to the top instead:
Screen Shot 2021-04-03 at 9.03.10 AM

If the above suggestion is NOT helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works


Hi there,

It seems that the suggestion doesn’t work. It doesn’t seem to link the Flexbox because some columns have Flexbox off. I’ve provide the credential in the secure note.

Thank you.

Hi @Symbiosis,

The credentials you provided are not working, please double-check and update them.

Thank you.

Hi there,

I am not sure why you couldn’t log in as I have just tried it now and it works.

Hi @Symbiosis,

I would suggest you set the column settings full for smaller screen sizes. I went ahead and set the column settings for the Logo Design section, if that is fine, please replicate it to every row where you are having the issues.

Home-Content-Pro (18)

Home-Content-Pro (17)