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:



Additional Information:

>> HTML Inline CSS (W3 Schools) 



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 a new window - These 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).