[André Zenker]

Is there a way to place a padlock icon behind the normal text of a menu item (to indicate that the menu item is protected)?

[sujapati]

@Andre: We just want to clarify your requirement to ensure we provide the correct solution.  When you mentioned placing a padlock icon behind the menu text, do you mean you just want to show a lock icon as a subtle badage before the menu?  Please add the CSS code to your site.

@media screen and (min-width: 64em) {
  .site-header ul#primary-menu:before {
      content: "\f023";
      font-family: "FontAwesome";
      position: absolute;
      top: 17px;
      transform: none;
      opacity: 0.3;
      font-size: 14px;
      pointer-events: none;
      left: 7px;
  }
}

Please let us know if that is what you are looking for.

Regards,
Sujapati

[André Zenker]

Thanks for the reply. I will test this and leave a comment if it works.

[André Zenker]

Thanks for this reply. It works wonderful 🙂

[Author]

Posts