In Toolbox » Menu Manager article, we talked about Editing Options For Menu Links. In this article, we will be giving examples of how to style the menu items and more.

How Can I Access These Options?


In "Edit" view for any menu, there is a "Settings" button attached to every menu link:





Clicking on this will open additional options for editing:





Format To Use -


Link Title Text


This setting can be used to add additional SEO boost to the link, by stating its Meta "Title"


Input:





Additional Information:

>> HTML title Attribute (W3 Schools)



Menu Item Inline Attribute 


This setting can be used to add preferred style elements to the <li> element.


Input:





Front-end view:





Outer <li> Inline Attribute 


This setting can be used to add preferred style elements to the <a> element.


Input:





Front-end view:





Menu Item CSS Class 


This setting can be used to add the preferred CSS Class to the <a> element.


Input:





Front-end view:





Outer <li> CSS Class 


This setting can be used to add preferred CSS Class to the <li> element.


Input:





Front-end and HTML view:





Additional Checkboxes:





  • Open in new window - This settings will indicate if the link should open in a new tab or not.

  • Add rel="nofollow" - This setting will indicate if search engines should follow this link or not. This setting can be used when the respected link is not ready yet (might be a staging mode).