Add burger icon to menu widget

Jana Bess

Hi, on my site https://www.sexynaveen.com, I have a floating menu in the right column that has only the home page visible (all other nesting pages are drop down links). The homepage in this menu is titled "||||" to look like a vertical version of a burger.

I have created the substitute burger with multiple [shift + backward slash] keys. This works but I was wondering if I can use a real, horizontal burger in this menu, or if there is another way to create a floating burger menu.

Also, on https://www.sexynaveen.com, for some reason the floating menu is only visible until about half way down the page, instead of remaining visible until the footer section comes up. On my site https://www.darkshadowsplay.com, the floating "burger" lasts until the footer comes up, where I have a footer style menu, so it works great.

Thanks so much as usual,
Jana

Hikin' Mike

Remove the "pipes" (substitute hamburger) and add this to your theme's custom CSS:

.sm-user-ui .sm-page-widget-nav.sm-page-widget-10723448 .sm-page-widget-nav-toplink > a:before {
  font-family: 'SmugMug Icon Font Regular';
  content: '\E039 ';
  vertical-align: middle;
  display: inline-block;
  text-transform: none;
  font-style: normal;
  font-weight: normal;
  font-size: 48px;
  line-height: 0px;
}

This is ONLY for that nav block. If you remove it and create another, it will not work. You will need to find and use the correct widget number.

Jana Bess

Works great, put it on both sites. Many thanks as usual.