Sridhar Katakam

Genesis and WordPress Tutorials

How to add MENU to the right of hamburger icon in Outreach Pro

by 4 Comments

In the past I wrote about adding the word MENU to the hamburger menu icon at responsive breakpoints in Executive Pro, Altitude Pro and Ambiance Pro.

In this article I share the code for the same in Outreach Pro.

Before:

outreach-pro-menu-before

After:

outreach-pro-menu-after

Step 1

Edit js/responsive-menu.js.

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • I’ve been adding “Menu” with just css recently (so no need to mess with the js file). For Outreach I just added the following to the style.css file:

    .responsive-menu-icon::after {
    content: "menu";
    vertical-align: text-bottom;
    text-transform: uppercase;
    color: #fff;
    }

    With a little bit of tweaking the vertical alignment (and sometime messing a little with the margin), the same css has worked great for Altitude and Minimum.

    Reply
    • >