How to Remove Top Navigation Icon on Mobile?

  • Hi, I was wondering if it is possible to remove the small navigation icon that appears at the top-right corner on mobile devices.

    The icon has 3 small black vertical dots with the theme’s default yellow background.

    I have adjusted the settings on the theme so that the top navigation menu won’t appear on desktop computers. However, it still appears when accessing the site on smartphone devices for some reason.

    Here is the code that appears for the icon when using the “inspect” feature on Google Chrome:

    `<div class=”hidden-md hidden-lg alt-bgcolor mobile-icon”>
    <a data-toggle=”collapse” data-target=”#Foo”>
    <i class=”ion-android-more-vertical”></i>
    </a>
    </div>`

    Is there a way to prevent it from appearing on ALL devices?

    • This topic was modified 6 years, 5 months ago by mbmedia.
    • This topic was modified 6 years, 5 months ago by mbmedia.
Viewing 1 replies (of 1 total)

  • Hello @mbmedia,

    We can hide top nav icon with the custom css. Please apply the below given css under Appearance -> Customize -> Additional Css-

    header#masthead div.pull-right {
display: none;
}

    I hope the above was helpful.

    Kind regards,

    Manoj

Viewing 1 replies (of 1 total)
  • The topic ‘How to Remove Top Navigation Icon on Mobile?’ is closed to new replies.