Menu bar customisation

flockpublicity · August 2015

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/

Albert · August 2015

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; }

flockpublicity · August 2015

Thank you - and is it possible to add social network links to the right of the menu bar?

Albert · August 2015

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.

flockpublicity · August 2015

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?

Albert · August 2015

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.

Menu bar customisation

Comments