Menu bar customisation

Hi,

I would like to make the menu bar thicker and full width - can I do this with css?

Also, I would like the menu items centered, and to be able to add the social icon to the right of the menu bar.

http://flockwebsites.com/reclaim/

Comments

  • Hi,

    yes, it is possible with custom css. Please use below code to get what you want:
    #Top_bar #logo { height: 40px !important; line-height: 40px !important; }
    #Top_bar .menu > li > a { padding: 5px !important; }
    #Top_bar .top_bar_left { width: 100% !important; }
    #Top_bar .column.one { width: 100% !important; margin: 0 !important; }
  • Thank you - and is it possible to add social network links to the right of the menu bar?
  • You must activate "Action Bar" feature under Theme options > Menu & Action Bar > Action Bar section and also set links for social icons to display social icons above the header bar.
  • ok - is it not possible to sit them in the menu bar instead of on top of them?

    Also - when I extend the height of the menu bar - the menu items stay in the same position (which ends up not being centered within the bar) - and I recenter or move the items down to make sure they stay centered?
  • No, this is not possible unfortunately.

    But menu items stay always in the same position and you can control their padding with css that we gave you already above.
Sign In or Register to comment.