How to Move Menubar Below Header [#1885250]

Hi,

I am trying to move the menu bar below the header (the logo and such). However, whatever I try the menubar looses its styling and starts to show like an unordered list. I am sure its not because of the limited width space.

What is the proper way of doing this?

Thanks...

Comments

Comment #1

Andrés Chandía CreditAttribution: Andrés Chandía commented 29 March 2016 at 11:56

Issue summary:

View changes

Install and enable superfish module
define "main menu" or the menu you want, as "Menu parent" in one of the superfish blocks
define other parameters inside superfish block if you want.
in Region settings, place the block in AT 3 column 3x33 - bottom
save settings
in corolla settings enable the custom css extension
in custom css values place these ones (change colors at will)

note: my superfish block is 1, because I enabled the first of four available

#block-superfish-1 {
margin-left: 20px;
margin-bottom: -26px;
}
#block-superfish-1 a {
color: #ffffff;
background-color: #474747;
}
#block-superfish-1 a.active {
color: #cfdde5;
background-color: #888888;
}
#block-superfish-1 a:hover {
color:  #ffffff;
background-color: #d74828;
}