IE11 Issues with Header builder

Good morning,

I am having some issues with IE11 and my built header.

Chrome:

IE11:

I understand that IE11 doesn’t care much for SVG, especially gradients within them. I’d like to solve why it ignores the gap that pads the space between the menu and the “retail quals package” graphic, as well as getting the graphic centered.

Hey Josh,

The setting of your Image’s Container should be:

  • Flex Layout > Layout to Row
  • Flex Layout > Vertical to Center.

Then, set your Bar’s Dimensions > Content Length to 100%.

This should be the end result when followed correctly.

The same as my replication of your setup.

I’d recommend that you learn more about Flexbox. Please check out the tutorial at https://theme.co/apex/forum/t/using-flexbox/24851

Hope that helps.

Thank you very much! Worked perfectly.

Glad it worked.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.