How Can We Help?

Search for answers or browse our knowledge base.

< All Topics
Print

Main Menu

Navigate to Appearance > Customize > Header > Main Menu to set the styling for your main site navigation for menu links and drop-downs, search, and activate social media icons for your menu.

Screenshot of the Main menu settings

Settings:

  • Top Level Dropdown Icon: Enables a drop-down icon at the top level of the menu.
A dropdown menu showing the dropdown menu icon.
  • Second + Level Dropdown Icon: Enables a drop-down icon at the second level.
Dropdown menu icon in the second level menu
  • Dropdown Top Border.
  • Position: Left, center, right: You can move the top menu to the left, middle, or right side of the page.
Use position to adjust the aligment of the top menu.
  • Left/Right Padding (px): You can adjust the space used between each link.
Padding link menu top bar
  • Links Effects: Effects that you can apply to each link.
Link effects settings
  • Menu Colors: Adjust the colors used in the menu, links, and backgrounds.
    • Link Color.
    • Link Color: Hover.
    • Link Color: Current Menu Item.
    • Link Background.
    • Link Background: Hover.
    • Link Background: Current Menu Item.
Menu color settings
  • Menu Font Style:
    • Font Family: Choose between the default fonts and Google Fonts available.
    • Font Weight: Setup how thick or thin characters in text should be displayed.
    • Font Style: Specifies the font style for a text.
    • Text Transform: Controls the capitalization of text.
    • Font Size: Sets the size of a font. You can use pixels (px), em, and %
Font styles
  • Search Icon Style: Use between four types of search icon style: Disabled, Dropdown, Header replace, and Overlay
Dropdown style for searching
Search Icon Style - Dropdown style
Header replace style for searching
Search Icon Style - Header Replace
Search icon style overlay
Search Icon Style - Overlay
  • Social Icons
    • Enable Social Icons: It shows the social media icons in your header.
    • Social Link Style: Simple, colored, minimal, dark.
    • Social Link Target: New window or Same window.
    • Font-size: Change the size of the icons (pixels).
    • Padding: Setup the padding used for the icons (simple,
    • Margin: Setup the margin used for the icons (simple, colored, minimal, dark).
    • Border radius: Add a custom border radius. px - em - %.
Social media icons

Available (19) social networks:

  • Twitter.
  • Facebook.
  • Pinterest.
  • Dribble.
  • VK.
  • Instagram.
  • LinkedIn.
  • Tumblr.
  • Github.
  • Flickr.
  • Skype.
  • Youtube.
  • Vimeo.
  • Vine.
  • Xing.
  • Yelp.
  • Tripadvisor.
  • RSS.
  • Email.
Next Imagely 2.0 Menus
Table of Contents
Close Menu