Menu modifications

blogpartyger · Member · Aug 20, 2014 at 6:47 am
Copy link

Add topic to favorites
Hi there

I am wanting to know how to right justify the menu in the P2 theme.

Is it also possible to have the menu appear above the logo?

TIA

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 20, 2014 at 2:21 pm
Copy link
Hi there, add this to your custom CSS to right align the menu items in P2.
```
.main-navigation .menu {
    float: right;
    width: auto;
}
```
blogpartyger · Member · Aug 20, 2014 at 2:24 pm
Copy link
Thank you very much! Again!
thesacredpath · Member · Aug 20, 2014 at 2:33 pm
Copy link
You are welcome. :)
blogpartyger · Member · Aug 20, 2014 at 11:37 pm
Copy link
Is it possible to have the menu appear above the logo instead of underneath it?

Thanks again
blogpartyger · Member · Aug 20, 2014 at 11:41 pm
Copy link
And one more (I think this is the last one :) )

How do I change the menu highlight from highlighter yellow to strong?

TYVM
thesacredpath · Member · Aug 21, 2014 at 1:25 am
Copy link
Is it possible to have the menu appear above the logo instead of underneath it?

Add the following to move the menu above the header image/logo.
```
.main-navigation {
    position: absolute;
    top: 0;
}
#header {
    position: relative;
    height: 160px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
```
How do I change the menu highlight from highlighter yellow to strong?

Are you talking about the hover (when you hover your mouse over it or are you talking about making bold the page the user is on? For hover, making the text bold will cause the menu to jump around some and that might be a little irritating for visitors. You can try it and see how it works with the following.
```
.main-navigation .menu li a:hover {
    font-weight: bold;
}
```
For making the current page item bold, add the following.
```
.current-menu-item page_item, .page-item-1, .current_page_item, .current_page_parent {
    font-weight: bold;
}
```
blogpartyger · Member · Aug 21, 2014 at 4:07 am
Copy link
you guys rock! Thank you so much!

I have one final question – can I move the tags from the top of the post to the bottom of the post, and if not, can I move it to the right at the top?

TIA
thesacredpath · Member · Aug 21, 2014 at 1:39 pm
Copy link
You can use the following to move the tags to the right. The -5px right margin is for alignment since the theme inserts three spaces after the last tag in the list.
```
#main .tags {
    float: right;
    margin-right: -5px;
}
```
Moving them to the bottom would be more involved and has some possible pitfalls. The main pitfall is that we have to use position: absolute to move them, and that means they lose relationship with the other page elements and sort of float above them. If the tags were to go to two or three lines (someone gets tag happy) then they could end up overlapping the list of people discussing and the toggle comments link. I would probably recommend against it.

No items found.