{"id":106,"date":"2019-02-25T10:46:02","date_gmt":"2019-02-25T10:46:02","guid":{"rendered":"https:\/\/rockythemes.com\/nimva3\/docs\/?p=106"},"modified":"2019-02-25T16:43:45","modified_gmt":"2019-02-25T16:43:45","slug":"customizing-the-header-menu","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/nimva3\/docs\/customizing-the-header-menu\/","title":{"rendered":"Customizing the Header Menu"},"content":{"rendered":"\n

The first option we want to change is the actual Font Family used for the Header Menu. To do this go to Theme Options -> Typography -> Google Fonts Options -> Select Header Menu Font Family<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Still on this section scroll further down, until the Font Sizes<\/strong> section appears. Change the Header Menu Font Size (px)<\/strong> to the needed value. Default value is 13px.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

To customize the colors, font sizes and font weight of the Main Menu navigate to Theme Options -> Menu Options -> Menu Style – First Level.<\/strong><\/p>\n\n\n\n

The options listed here will affect the Main Menu Items<\/strong>. Here are some of the available settings:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
  • Menu Force Uppercase<\/strong> – enable this option to force the Main Menu items use uppercase letters<\/li>
  • Menu Line Height<\/strong> – specificy here the line height used for the Main Menu items. Use either pixels or integer values.<\/li>
  • Menu Font Weight<\/strong> – set the font weight of the Main Menu items.<\/li>
  • Menu Text Color<\/strong> – set the color or the Main Menu Items<\/li>
  • Menu Text Color on Hover <\/strong>– set the color of the Main Menu items on mouse hover<\/li>
  • Menu Background Color Hover<\/strong> – set a background color for the Main Menu items on mouse hover<\/li>
  • Menu Item Hover Effect<\/strong> – choose to show a small animated border below the menu items text, on hover.<\/li>
  • Menu Item Hover Effect Color<\/strong> – Select the color of the small animated border below the menu items text, on hover<\/li><\/ul>\n\n\n\n

    Customize the Sub-Menu items<\/h3>\n\n\n\n

    Now that the Main Menu items have been customized we can start customizing the sub-menu items as well. <\/p>\n\n\n\n

    Expand the Menu Style – Sublevels + Megamenu<\/strong> section and use the following opstions to customize the Sub-Menu items – these settings also apply for MegaMenus<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    • Sub-Menu Force Uppercase<\/strong> – similar to the option above, this option will also force the sub-menu items to use uppercase letters.<\/li>
    • Sub-Menu Icon Indicator<\/strong> – if this option is enabled, a small icon will appear next to menu items that have sub-menu items<\/li>
    • Sub-Menu Font Weight<\/strong> – set the font weight of sub-menu items<\/li>
    • Menu Text Color – Sublevels<\/strong> – set the color of the sub-menu items<\/li>
    • Menu Text Color Hover – Sublevels<\/strong> – set the color of hover of the sub-menu items<\/li>
    • Menu Background Color – Sublevels<\/strong> – set the background color of the sub-menu items<\/li>
    • Menu Background Color Hover – Sublevels <\/strong>– set the background color on hover of the sub-menu items<\/li>
    • Menu Separator Color (Lines)<\/strong> – set the color of the separator, between each sub-menu item<\/li><\/ul>\n\n\n\n

      How to set the Width of the Dropdown Menu<\/h3>\n\n\n\n

      Under Theme Options -> Menu Options -> Dropdown Menu we can use the slider to specify the actual width in pixels of the dropdown menu. 200px is a good starting point.<\/p>\n\n\n\n

      \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

      How to customize the Header Menu appearance in Nimva<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-106","post","type-post","status-publish","format-standard","hentry","category-header"],"_links":{"self":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":8,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/106\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/106\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/media?parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/categories?post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/tags?post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}