Move Menu Bar position

riarajendran · Member · Nov 23, 2015 at 11:19 am
Copy link

Add topic to favorites
Hello,

I am currently using the Sela Theme. And would like to know if we can move the “menu Bar” to the top of the page covering the entire length of the page?
For example like in this site : http://www.allsheneeds.in

Thanks,
Ria

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Nov 23, 2015 at 10:01 pm
Copy link
Hi Ria, give the following a try.
```
.main-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.logged-in .main-navigation {
    top: 32px;
}
```
I also noticed that your “home” menu item links to your About page. I would suggest changing that so that it links to your home page, or alternately, since your header image links to your home page, change the label for that to “About” or something similar.
riarajendran · Member · Nov 24, 2015 at 5:19 am
Copy link
Hello @thesacredpath

Well i did try it…And also made some changes…but still logo is very close to the menu tab. IS it possible to make the width of the menu tab a little less, so that there is enough space between the menu tab and my logo? Thanks much for your help!
riarajendran · Member · Nov 24, 2015 at 5:20 am
Copy link
Or else even bringing the logo position a little down would be fine if it is not possible to reduce the width of the menu tab!
thesacredpath · Member · Nov 26, 2015 at 1:18 am
Copy link
On the menu, it is important to keep the second rule I gave you set at 32px otherwise when someone comes to your site who is logged into WordPress.com, your menu will be hiding behind the admin bar at the top. To space the logo down further when someone is logged in, add the following.
```
.logged-in .site-branding {
    padding-top: 84px;
}
```
riarajendran · Member · Nov 26, 2015 at 8:27 am
Copy link
Hello @thesacredpath,

I tried doing so but for someone who doesnt have a wordpress account, the space on the top didnt look good to see on both pc & mobile. Guess it wont really work if i keep the menu tab on top. So i am keeping the tab at its actual place only.
But i really appreciate all your help. Thank you :)
thesacredpath · Member · Nov 27, 2015 at 11:33 pm
Copy link
You are welcome, and let us know if you have additional questions.

No items found.