How do I remove the very top menu

  • Resolved nternetominus

    (@nternetominus)


    9 years, 10 months ago

    Hello,

    Tuto theme has two different menus. From the top we can see:

    Small Font Menu
    Site Title
    Tag Line
    Large Font Menu

    Can anyone please tell me how to deactivate the “Small Font Menu” at the very top of the page, or how to remove it using the theme editor?

    Thanks,

    Santos

Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael

    (@mh-themes)

    9 years, 10 months ago

    Hi Santos,

    thanks for using Tuto.

    You could for example hide the header menu with a line of CSS:

    .mh-header-nav { display: none; }

    When it comes to CSS customizations, you can always use tools like Firebug or your browsers inspection tool to inspect the particular elements, check how the CSS has been applied and then use that information for your own customizations.

    In order to add custom CSS code to your website, you should either make use of a child theme or use plugins like for example Simple Custom CSS.

    Thread Starter nternetominus

    (@nternetominus)

    9 years, 10 months ago

    Hello,

    Thanks for the help.

    It worked.

    However, that menu still shows for the mobile versions of theme.

    I tried looking for a similar (.mh-header-nav) css line under the section:
    /***** SlickNav Mobile Menu Core Style *****/

    But, I could not make it work.

    Any suggestions?

    Michael

    (@mh-themes)

    9 years, 10 months ago

    To hide the header menu on mobile, you could for example add this line of CSS code:

    .mh-header-nav-mobile { display: none; }

    Instead of looking at the stylesheet, you can find particular CSS classes very easily by making use of the inspection tool within your browser or by using tools like Firebug.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How do I remove the very top menu’ is closed to new replies.