Center element within pro header bar

Support
#1

Hi,

I am having a difficult time figuring out how to keep an image element in my header centered.

I have it centered for my display and browser settings but when this change the element is no longer centered.

I assume i am missing a setting in the header builder somewhere.

any help is greatly appreciated.

Thanks,

brent

#2

Hi Brent,

To center your image element, you need to set horizontal alignment of your container to Center

Please check screenshot

I went ahead and set it for you. Kindly check on your end.

In case you want to learn how flex works, you may refer to the links below.


Thanks

#3

Hi Paul,

Thanks for the help but unfortunately the image element is not visibly centered within the page.

I had increased the margin within the image element controls to make it appear centered. The issue being that the container the images is in was located on the far left side of the bar and i was unable to edit it’s location.

thanks

Brent

#4

Hey Brent,

Your Bar’s settings should be:

  • Flex Layout > Layout set to Column
  • Flex Layout > Horizontal set to Center

The Image element must not have a side margin to make the Horizontal Flex Layout to work automatically for you.

Please watch the video in the secure note to see that those settings should work.

Thanks for following and hope that’s what you’re looking for.

#5

thats great… thanks very much

#6

You are most welcome. :slight_smile:

#7

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