Skip to main content
Solved

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

  • September 27, 2022
  • 2 replies
  • 483 views

ajohns
Problem Solver I
Forum|alt.badge.img+6
  • Problem Solver I
  • 5 replies

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

Best answer by ajohns

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

View original
Did this topic or the replies in the thread help you find an answer to your question?

2 replies

chelsgrove
Partner - Gold
Forum|alt.badge.img+18
  • Partner - Gold
  • 82 replies
  • September 28, 2022

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!


ajohns
Problem Solver I
Forum|alt.badge.img+6
  • Author
  • Problem Solver I
  • 5 replies
  • Answer
  • September 30, 2022

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