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?



Andrés Chandía’s picture

Issue summary: View changes
  1. Install and enable superfish module
  2. define "main menu" or the menu you want, as "Menu parent" in one of the superfish blocks
  3. define other parameters inside superfish block if you want.
  4. in Region settings, place the block in AT 3 column 3x33 - bottom
  5. save settings
  6. in corolla settings enable the custom css extension
  7. in custom css values place these ones (change colors at will)
  8. 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;
  9. Save corolla settings

I hope it helps