How can i center menu item on Desktop tablet and mobile?

Hi there,

try adding this CSS:

.gen-sidebar-nav {
    text-align: center;
}

It worked for tablet & desktop but not for mobile. https://prnt.sc/t6k00t

Try this CSS:

@media (max-width: 768px) {
    .main-navigation .main-nav ul li a {
        text-align: center;
    }
}

Thanks, it worked. All I did was added this code and it works well on all devices.

.main-navigation .main-nav ul li a {
        text-align: center;
    }

No problem :)