Align top bar text left, centre and right?

[chaddeschamps]

Trying to align the text in my top bar. I would like some on the left, some in the centre and some on the right. How can I do this? www.GerogetownPets.com

[paul.r]

Hi,

The url provided doesn’t seem to work.

Kindly check and let us know.

Thanks

[chaddeschamps]

www.GeorgetownPets.com

[Prasant]

Hello @chaddeschamps,

Thanks for asking.

Looks like you have added necessary codes to align topbar content. But the issue is causing due to the width assigned to parent div that’s wrapping topbar content. To fix that please add following CSS under X > Launch > Options > CSS to align topbar:

p.p-info {width: 100%;}

Thanks.

[chaddeschamps]

Ok, that helped with the right side. I would like the “Georgetown, Ontario” in the centre now. How can I do this without moving the left and right aligned text?

[Prasant]

Hello @chaddeschamps,

Thanks for updating thread.

In that case you need to update your code. Please replace your existing code with the following under X > Launch > Options > CSS:

.x-topbar .p-info .left-content {float: left; width: 33%;}

.x-topbar .p-info .center-content {text-align: center; width: 33%; display: inline-block;}

.x-topbar .p-info .right-content {float: right; width: 33%; text-align: right;}

Thanks.

[chaddeschamps]

Great, worked. Thank you for the wonderful support.

[XSupport]

You’re welcome

Feel free to contact if you face any other issues.

Best regards.