Header Container Width

[ajrenk]

I have a Global Block inside a container and would like to display without wrapping text. I have looked at all the setting and I can’t determine why the width is being constrained.

Thanks for any advice!

Short video:

Andy

[friech]

Hi Andy,

Thank you for writing in, since the Global Block element is a display:block; element, it can not respond properly to a display:flex container like on the Header and Footer builder.

To resolve this, you need to manually define a width to the Global Block element but since the Global Block element has no width option, you need to do this via Element CSS. Set the width to 100% if you want the Global Block element to respond to its container.

$el {
  width:100%;
}

Only If the Container’s Child Placement is set to Column, then you can simply set the Align Horizontal to Stretch, and that would stretch the global block to the width of the container.

• 
  
  
  

A Complete Guide to Flexbox

Cheers!

[ajrenk]

Thank you Friech! Worked like a charm!

[ruenel]

You’re welcome @ajrenk!
It’s good to know that it has worked for you.