How to align center for Menu Item?

  • paulrugz

    #8498

    I need menu item to align center, please advise how to do….

    currently you’ll see as image below that there are too many space in the right hand side. while the left hand side no space left.

    MenuAlign01.png

    Anonymous

    #41312

    paulrugz

    #41313

    So.. If i want to align both header and footer menu i have to use the code as below right????

    #header-menu, #footer-menu {
    display: table !important;
    margin: 0 auto !important;
    }

    Anonymous

    #41314

    Yes.

    paulrugz

    #41315

    Thank you so much Prananna

    Anonymous

    #49628

    Gentlemen,

    I’m trying to center the footer menu, but this method doesn’t seem to be working these days, possible due to upgrades.

    Is anyone centering the footer menu today? Please let me know if you’re using this same code, or something slightly different.

    Thanks & have a great day!

    Greybox

    #51190

    I have same question. I placed this code into my Additional CSS and it does not change anything.

    #header-menu {
    display: table !important;
    margin: 0 auto !important;
    }

    Admin

    Syahir Hakim

    #51194

    The responses above are for a much older version of Graphene, when it was using a completely different grid system. For the latest version of Graphene, try using the following code:

    @media (min-width: 768px){
    	.navbar-nav {
    		float: none;
    		margin: 0;
    		text-align: center;
    	}
    	.navbar-nav>li {
    		float: none;
    		display: inline-block;
    	}
    	.navbar-nav>li:last-child {
    		border-right: none;
    	}
    }
    

    Greybox

    #51200

    Thank you, it works!

    Greybox

    #51210

    Actually, the code above centers my Main and my Secondary Menu at same time. Is it possible to center the Main Menu only and keep the Secondary Menu aligned to the left?

Viewing 10 posts - 1 through 10 (of 11 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.