How can hide the 'Latest', 'Top', 'Badges' and 'Categories' in the hamburger menu?

We want to keep the menu simple to our users. We would like to hide the ‘Latest’, ‘Top’, ‘Badges’ and ‘Categories’ in hamburger menu. Our web: https://amzdis.com (Amazon Discount Code)

How can hide the ‘Latest’, ‘Top’, ‘Badges’ and ‘Categories’ in the hamburger menu?

1 Like

You can do it with CSS (added under admin > customize > themes)

This should do it:

.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.categories-link { 
    display: none
  }
}

If you need more help with CSS, we have a guide here: How to make CSS changes on your site

6 Likes

Great. Kris. It worked for ‘latest’, ‘top’ and ‘badges’.

But the categories cannot be hidden.

We also want to hide the ‘Categories’ in the screenshot red highlight. Can you help, Kris?

1 Like

Ah I see, I just edited my post above to add an li to a.categories-link… that should work now.

4 Likes

Awesome. It worked. Thank you very much, Kris.

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.