How do I center align navbar menu

[Torah541]

Not having much luck figuring it out.

[tristup]

Hi @Torah541,

Unfortunately, the website is not accessible and is showing a DNS_PROBE_FINISHED_NXDOMAIN error.

Thanks

[tristup]

Hi @Torah541,

In that case, I would suggest you please remove the IP restriction and let us know to examine it further. Please note that we are from different parts of the World and most of us have a dynamic IP so we can’t provide a specific ID address to you for whitelisting.

Thanks

[marc_a]

Hey @Torah541,

I’ve checked the website and you’ve added this CSS code:

 .x-navbar .desktop .x-nav {
    text-align: center;
}

You need to update to this one:

.x-navbar .desktop .x-nav {
    text-align: center;
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

This is what it looks like:

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

On the other hand, you can utilize the header builder since you are using Pro. In the header builder, you can customize the header layout the way you want it without using custom CSS. Please check these articles.

• https://theme.co/docs/header-builder
• https://www.youtube.com/@yourthemeco/search?query=header%20builder

Hope that helps.

[Torah541]

Why does it appear off center?

[tristup]

Hi @Torah541,

As explained by my colleague, you need to add a few more attributes through the custom CSS code with the text-align attribute.

Thanks