How do I center my menu
-
-
- DHart
- Newbie
- Posts: 5
- Thanks: 0
-
I cannot get my menu to center on the page. Working with the default Gantry template and I have been able to alter the other CSS in the less files - but have not been able to get the menu centered.
www.stamarin.com/website
Any help is appreciated.
-
-
-
- DHart
- Newbie
- Posts: 5
- Thanks: 0
- Additional comment. My goal is to have it centered with the logo as well. I am forcing it now by using a left alignment of 40% and a right at 60% or else it shifts the menu to the far right of the logo. Perhaps the answer would be to align the logo differently, but that is presently set at auto and appears to center just fine.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
I would suggest to add a custom css file gantry-custom.css in the css folder of your template and to add this code
#rt-showcase ul.gf-menu {
text-align: center!important;
}
#rt-showcase ul.gf-menu li{
display: inline-block !important;
left: auto;
float:none;
}
div#rt-header a#rt-logo {
margin-left: auto;
margin-right: auto;
}
That should center the logo and the menu
-
Time to create page: 0.052 seconds