Add "New Listing" button in the Mobile Hamburger Menu

General HivePress
1

Good morning,

I was wondering if it was possible to add the new listing button into the hamburger menu instead of the “+” icon appearing while on mobile which is bad for accessibility according to Google page insights.
image

2

Hey,

I’m not HivePress staff, but here’s a workaround for now which will display a link instead of a button:

Visit WP Admin > Appearance > Menus

Then add a ‘Custom link’ to your preferred menu with a label like ‘Add a Listing’, and link it to /submit-listing/.

If you want to hide the default [+] button icon for mobiles only, add this to:

WP Admin > Appearance > Customize > Additional CSS

@media only screen and (max-width: 767px) {
    button.hp-menu__item.hp-menu__item--listing-submit.button.button--secondary {
        display: none;
    }
}

There’s also this article which talks about integrating HivePress with third-party themes:

You’re likely able to tweak the part referencing ‘header menus’ to target the mobile navigation pop-up.

I hope this helps! :slight_smile:

1 Like