Skip to main content
Solved

New Editor: Remove Spacing in Header/Link Bar on Mobile

  • December 23, 2021
  • 5 replies
  • 509 views

Forum|alt.badge.img+3

Hello, what I'm trying to achieve is simple: have multiple images side by side with zero spacing between them on mobile.

Link/button spacing is set to manual, and spacing amount is set to 0px. Works on desktop version, not on mobile. Changing the max width manually does not work. Spacing persists no matter the size of the images used. How can I get this working?

 

Cheers

Best answer by alex.hong

Hey there @dcmaia,

In this case, I would then recommend you use a Table block for the columns to put images in.

Table blocks can help you structure images and text within an email template. The table block gives you the flexibility to add as many columns or rows as you'd like (which will autospace themselves, or you can set a width in the Width setting of the Columns tab). 

Hope this helped!
Alex

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

5 replies

alex.hong
Forum|alt.badge.img+58
  • Klaviyo Alum
  • 1552 replies
  • December 26, 2021

Hi @dcmaia,

Welcome to the Community and thanks for posting your question here regarding the new editor!

Sorry to hear you have been running into issues using the new template editor. A workaround that customers have found for this issue on mobile was to Add Columns to Email, select the option for two, and drag image blocks under each column. More info regarding Columns in our new editor can be found here.

Try and working with that option for now but let me know if that did not help and I will find another solution for you.

Thanks!
Alex


Forum|alt.badge.img+3
  • Author
  • Contributor IV
  • 8 replies
  • December 27, 2021
alex.hong wrote:

Hi @dcmaia,

Welcome to the Community and thanks for posting your question here regarding the new editor!

Sorry to hear you have been running into issues using the new template editor. A workaround that customers have found for this issue on mobile was to Add Columns to Email, select the option for two, and drag image blocks under each column. More info regarding Columns in our new editor can be found here.

Try and working with that option for now but let me know if that did not help and I will find another solution for you.

Thanks!
Alex

 

Hey Alex, thanks for the suggestion. It could work if all my 4 columns were of equal width, which they aren't. Is there a way to specify a fixed width for each column with no spacing in between?


alex.hong
Forum|alt.badge.img+58
  • Klaviyo Alum
  • 1552 replies
  • Answer
  • December 28, 2021

Hey there @dcmaia,

In this case, I would then recommend you use a Table block for the columns to put images in.

Table blocks can help you structure images and text within an email template. The table block gives you the flexibility to add as many columns or rows as you'd like (which will autospace themselves, or you can set a width in the Width setting of the Columns tab). 

Hope this helped!
Alex


Forum|alt.badge.img+3
  • Author
  • Contributor IV
  • 8 replies
  • December 31, 2021
alex.hong wrote:

Hey there @dcmaia,

In this case, I would then recommend you use a Table block for the columns to put images in.

Table blocks can help you structure images and text within an email template. The table block gives you the flexibility to add as many columns or rows as you'd like (which will autospace themselves, or you can set a width in the Width setting of the Columns tab). 

Hope this helped!
Alex

Ah, that's what I'm looking for. Worked beautifully. About to use tables for everything from now on.


alex.hong
Forum|alt.badge.img+58
  • Klaviyo Alum
  • 1552 replies
  • January 3, 2022

Great to hear @dcmaia! Glad you found it useful :)


Happy New Year!
Alex