Alert in Header problem

[yingfuli]

Hi,
I’ve attempted to make a Global Block with an Alert element and subsequently adding that to my header (https://fitklub.nl). I’m sure I’ve missed something but… when closing the Alert the bar which it is in should also disappear. How can I achieve that?

Any help would be appreciated

[friech]

Hi @yingfuli,

Thank you for writing in, please inspect your bar and set the height to auto and the Outer Spacing to 0

• 

Also, make sure that the section, row, and column on your Global Block does not have top and bottom padding and margin (or any property that can add height to your bar/container).

Cheers!

[yingfuli]

Thanks. I’ve made some adjustments but still have two questions:

• I can’t seem to get the Alert to stretch across the full screen; it just sits centered and when I add more text instead of stretching it goes to two lines. What am I missing?
• is it possible to add an image or button to the alert?

[christian]

Hey @yingfuli,

Here are the possibilities or reasons why the Alert Element doesn’t stretch the full width of the bar.

• Because you’re using a Global Block, the Alert element is contained by the Row. Edit the Global Block and disable the Row’s Inner Container. I’d recommend not using a Global Block though as you could directly add an Alert element to the bar.

• The Width and/or Max Width might have been set to a fixed value. The Width should be 100% or auto and no Max Width.

• The Max Width of the Container containing the Alert element might have been set to a fixed value. It should be set none. And, the Self Flex must be set to Standard or Fill Space Equally.

• The Bar’s Outer Spacing, Content Length and Content Max Length might have been limited. Outper Spacing should be 0, Content Length - 100% and Max Lengh to none.

-----------------------------------------------------------------------------------

Regarding putting an image or button, you can use the Image shortcode and the Button Shortcode.

Hope that helps.