Hamburger Menu Change Font Family

  • Hi,

    We want to change the font-family of the hamburger menu but there is no option in the settings. How can we change the font-family to match it in our current theme?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Russell Jamieson

    (@powerblogservice)

    Hi,

    Currently the hamburger menu is the same font family as the primary menu when shown at full width. This is defined on the body class font-family: Roboto,’Open Sans’,sans-serif;

    Are you referring to the hamburger icon (which uses dashicons)?

    Or are you referring to the font for the text on the slide-in menus (which slide in from the left or the right)?

    The font-family slide-in menu is defined against the .sidr class and is defined as font-family:”lucida grande”,tahoma,verdana,arial,sans-serif;

    To override this you could use a line of custom CSS

    .sidr .sidr-class-nav-sidr { font-family: Roboto,’Open Sans’,sans-serif; }

    This would make the slide-in menu the same font as the primary menu when viewed at full width

Viewing 1 replies (of 1 total)
  • The topic ‘Hamburger Menu Change Font Family’ is closed to new replies.