How to delete navigation icon on mobile (growth theme)?

[CDuVall]

Hello,

I'm trying to delete my navigation icon (three vertical bars on the top right of my page).

It only shows up on mobile.

Here's a link to my website: www.gethiredintechsales.com

It's part of the page header which is part of global content editor. 

You can't even see the icon on global content editor since there's not a mobile view option.

I'm guessing I need to go into Marketing->Files and Templates->Design Tools

And then I'm pretty lost. 

Is the next step "Create child theme" and paste in some content to hide the mobile navigation bar?

[Jnix284 · Accepted solution]

Hi @CDuVall happy to help with this.

If you hide the 3 bars on mobile, it will remove access to the menu entirely, so if you ever decide to add a menu to your header, you would need to remove this code.

When you set up your theme, did you create a child theme?

In the child.css file, add this:

.header__mobile-menu-open-icon {

display: none;

}

If you don't have a child theme, then you would need to add this to the Site Page Header HTML in the settings.

<style>

.header__mobile-menu-open-icon {

display: none;

}

</style>

Note: if you didn't set up a child theme initially, I wouldn't go back and create one now or you would have to rebuild your pages using the new child theme.