Horizontal menu in topbanner position

I wish to put horizontal menu on position 'topbanner' of Publisher template. I get there menu, but it is vertical. How I can get horizontal. I use standard menu module which is in J2.5.8.
Thank you in advance.

Hi,
can you give us url to your site? It will be much easier to help you.

On picture you can see result. Menu is vertical, but I wish to be in horizontal solution. Social position is empty.

pic01.jpg

Please try add this to override.css

Code: Select all

#gkTopBanner ul.menu li {
padding: 10px 0;
float: left;
margin-right: 10px;
}
#gkTopBanner ul.menu li:hover > a {
padding-left: 0px !important;
}


and remember to enable override.css option in template settings.

Yes, your are right. That works. But, problem is with color when I pick menu item. Color is same as background.

Thanks.

Add this code too:

Code: Select all

#gkTopBanner ul.menu li > a:hover {
color: #ffffff !important;
}


and set your own color value.

It works. But, why after selecting menu item color is same as unselected. Can I set color for unselected and selected item in that menu.
Thanks.

Please change my erlier code to this one:

Code: Select all

#gkTopBanner ul.menu li > a:hover,
#gkTopBanner ul.menu li.active > a {
color: #ffffff !important;
}


I changed all code with this new one. Hover color works, but active (selected) menu return to standard color.

Regards.

OK, it works now. Full code now is:

Code: Select all

#gkTopBanner ul.menu li {
padding: 10px 0;
float: left;
margin-right: 10px;
}
#gkTopBanner ul.menu li:hover > a {
padding-left: 0px !important;
}
#gkTopBanner ul.menu li > a:hover,
#gkTopBanner ul.menu li.active > a {
color: #ffffff !important;
}

Thanks a lot.
Regards.