In Toolbox » Menu Manager article, we talked about Editing Options For Menu Links. In this article we will be giving examples on 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 your link, by stating its Meta "Title"


Input:




Additional Information:

>> HTML title Attribute (W3 Schools)




<li> Inline Attribute 


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


Input:



Front-end view:






<li> Outer Inline Attribute 


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


Input:




Front-end view:







Menu CSS Class 


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


My Input:





Front-end view:





Outer <li> CSS Class 


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


My 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).