can't center navigation in Modularity Lite theme

  • Resolved pgb

    (@pgb)


    10 years ago

    Hi I have a child theme for modularity lite and have the navigation bar in the center, but I can’t center the li of the ul.
    Here is the url https://www.eastop.net
    Here is the code I’ve used

    #top div.main-nav {
    clear: left;
    margin: 0;
    font-size: 110%;
    width: 100%;
    padding-bottom: 8px;
    text-align: center;
}
#top div.main-nav ul {
	text-align: center;
	margin: 0;
	padding: 0;
}
#top div.main-nav li {
	display: inline !important;
	float: none !important;
}
#top div.main-nav a {
    padding-left: 50px;
    border-right: none;
    padding-right: 0;
    display: inline-block;
}

    It looks okay on a macbook pro but on a much bigger screen it is all aligned to the left. How can I center the li?

    Any suggestions?

  • The topic ‘can't center navigation in Modularity Lite theme’ is closed to new replies.