Solved

Left text alignment issue: desktop perfect, mobile version contains too much space at left

  • 27 September 2022
  • 2 replies
  • 294 views

Badge +6

Hi there,

I’m using the new drag & drop editor to create a template, and I’m experiencing the following issue:

This headline (contained in a <p> tag) looks the way I want it to in desktop...
...but adds extra space at left in mobile.
Desktop looks perfect...
The headline (that says “ONE-UP”) is perfect in mobile (this headline is inside a table cell), but the copy below it is adding extra space at the left.

Any help would be appreciated!

Thanks

icon

Best answer by ajohns 1 October 2022, 00:38

View original

2 replies

Userlevel 5
Badge +18

Hi @ajohns!

A short-term solution would be to create these blocks specifically for Mobile and Desktop separately. There is an option to only show a block on each platform. If working primarily in the desktop view, I would then duplicate your blocks, mark them all as desktop only, and then switch over to mobile, format there and then mark those as all mobile only.

Let me know if you have any questions!

Badge +6

I simply placed the headlines in a table cell, and that eliminated the problem. It now looks the same in desktop and mobile.

Reply