A top menu!

Hi,

I'd like to know if there is any easy way to have a menu on top. I'd like to have one on top widget area.

I've tried using a top widget but I don't know how to style it.

Can anyone have a good solution?

Thanks in advance.

Paco

Hi,

So you already have top menu, right? try to copy style from other theme which have top-menu. Styles of the menu are located at the beginning of the Theme/css/wp.css file (main menu section) If you provide an URL to your website (here or via PM) I'll try to help you with that. (first enable your top menu).

Thanks Piotr, sorry for my delay to answer.

My blog is http://pacoorozco.info.

I'd like to have a menu that looks like this: http://www.pakusland.net (the red ones)

I'v created a "Header menu", I've associated to "Main menu" place, but it goes to left column. Then I've create it without any association anv I've put it on Top 1 widget or Top 2 widget, again It doesn't looks very well.

Thanks for your help.

Try to put this menu into banner top widget area, and then let me know..

Hi Piotr

Here you are: http://pacoorozco.info/

I've created a menu: Test 1, Test 2 and Test 3 on Top 1 widget area.

Thanks in advance

Add this code into Magazine/css/override.css file

Code: Select all

.box #menu-top-menu > li {
border: 0;
float: left;
margin: 0 5px 0 0;
padding: 0;
-webkit-transition: background .25s ease-out;
-moz-transition: background .25s ease-out;
-o-transition: background .25s ease-out;
transition: background .25s ease-out;
}

.box #menu-top-menu > li > a {
font-size: 14px;
font-weight: 400;
padding: 0 10px;
}

.box #menu-top-menu > li:hover,
.box #menu-top-menu > li.current_page_item,
.box #menu-top-menu > li.current-menu-item,
.box #menu-top-menu > li.current-menu-paren,
.box #menu-top-menu > li.current-menu-ancestor > a {
color: #fff!important;
background-color: #ff304e;
border-radius: 0;
}

.box #menu-top-menu > li:hover > a,
.box #menu-top-menu > li.current_page_item > a,
.box #menu-top-menu > li.current-menu-item > a,
.box #menu-top-menu > li.current-menu-paren > a,
.box #menu-top-menu > li.current-menu-ancestor > a { color: #fff; border-radius: 0; }

First enable this override option from Template Options -> Advanced tab.

Hi,

Thanks, I've done it. Now I'm only to chage CSS, thanks