Topbar Content and Navbar align center

[cabelpallot]

Hi I am trying to align the topbar content AND the navbar to be center on the site pallotglass.com
Please can you advise.
Thanks

[ruenel]

Hello Chris,

Thanks for the details.

To center the navbar, please go to X > Theme Options > Header > Logo and Navigation and select “Stacked” for the layout.

For your topbar content, you will need to update your code into this:

<img src="http://www.pallotglass.com/wp-content/uploads/2019/06/pallot-logoh.png" width="200"> 
<img src="http://www.pallotglass.com/wp-content/uploads/2019/06/pallot-dayhours.png" width="200">  
<img src="http://www.pallotglass.com/wp-content/uploads/2019/06/pallot-outhours.png" width="200"> 

<a href="https://www.facebook.com/pallotglass/"> <img src="http://www.pallotglass.com/wp-content/uploads/2019/06/pal-fbicon.png" width="30"> </a>
<a href="https://www.instagram.com/pallot_glass/?hl=en"> <img src="http://www.pallotglass.com/wp-content/uploads/2019/06/pal-insta.png" width="30"> </a>
<a href="https://twitter.com/PallotGlass"> <img src="http://www.pallotglass.com/wp-content/uploads/2019/06/pal-twitter.png" width="30"> </a>
<a href="https://www.youtube.com/channel/UCV20KeCPkcPkkrzR_To9K1Q/featured"><img src="http://www.pallotglass.com/wp-content/uploads/2019/06/pal-youtube.png" width="30"> </a>

You do not need to wrap it with a <p></p> tag because in the output it is already wrapped. And then please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-topbar .p-info {
    text-align: center;
    float: none;
    padding-bottom: 20px;
}

We would love to know if this has worked for you. Thank you.