How do I make the menu be centered?
-
The menu on Business Identity is justified to the right. I would like to have it centered under the title (and the title centered as well)
The blog I need help with is: (visible only to logged in users)
-
Hey There,
You can use following CSS to center align navigation:
nav#site-navigation { width: 100%; margin: 0 auto; text-align: center; display: block; }Thanks.
-
Thank you, but how do I make the title centered as well? I tried to paste
width: 100%;
margin: 0 auto;
text-align: center;
display: block;under
.site-title span {
font-size: 38px;
}and it didn’t work.
-
Please use following code to center align title:
.site-branding { display: block !important; text-align: center !important; float: none !important; } h1.site-title { text-align: center; float: none !important; }Thanks.
-
-
I noticed that now the mobile version of the site has the side menu appearing and it doesn’t go away. It covers half of the page. I wonder if the css made that happen.
-
Hi @, the menu code in your 600px media query is what is causing the issue. The menu changes to the touch device menu at 799px and narrower, so let’s pull that out of the 600 query and put it into an 800px query like this.
@media screen and (min-width: 800px) { nav#site-navigation { width:100%; margin:0 auto; text-align:center; display:block } } -
-
- The topic ‘How do I make the menu be centered?’ is closed to new replies.