Removing the header navigation

  • jhughart

    (@jhughart)


    11 years ago

    Hi.

    The website I am working on is <http://clickandmortarblog.com&gt; using the MAKE theme. So far things are coming along well. I have not created any menus and when I do, it’ll be for the footer only. If you go to the site, you will see there are navigational links to pages. These are text links that are sitting on top of my header image. I would like to remove these links. How do I go about doing that?

    Thank you.
    Jeff

Viewing 7 replies - 1 through 7 (of 7 total)
  • Rajesh Soni

    (@rajeshsoni)

    11 years ago

    The text links at the top are usually in the theme’s header.php file.

    pravniktz

    (@pravniktz)

    11 years ago

    just paste that into your css

    @media screen and (min-width: 800px)
    .site-navigation .menu {
    display: none;

    Thread Starter jhughart

    (@jhughart)

    11 years ago

    Hi Rajesh and Pravniktz.

    Thank you for your suggestions. I did try dropping that code into the main css file and it did nothing. Yes, I did refresh my browser. And I too thought that maybe it was something in the header that I could edit but my header does not contain much:

    <?php
    /**
    * @package Make
    */
    ?><!DOCTYPE html>
    <!–[if lte IE 9]><html class=”no-js IE9 IE” <?php language_attributes(); ?>><![endif]–>
    <!–[if gt IE 9]><!–><html class=”no-js” <?php language_attributes(); ?>><!–<![endif]–>
    <head>
    <?php wp_head(); ?>
    </head>

    <body <?php body_class(); ?>>
    <div id=”site-wrapper” class=”site-wrapper”>

    <?php ttfmake_maybe_show_site_region( ‘header’ ); ?>
    <div id=”site-content” class=”site-content”>
    <div class=”container”>

    Anyway, it has not been resolved. Any other suggestions?

    Thanks.
    Jeff

    Thread Starter jhughart

    (@jhughart)

    11 years ago

    Hi.

    I just now did try this code in the CSS:
    .site-navigation .menu {
    display: none;

    and that did remove the navigation ok but it is also hiding part of my header image. The “@media screen and (min-width: 800px)” added to it as suggested above did not remove the nav. Just fyi…

    Rajesh Soni

    (@rajeshsoni)

    11 years ago

    Try this…

    .site-navigation .menu {
 visibility: hidden !important;
}
    Thread Starter jhughart

    (@jhughart)

    11 years ago

    Awesome, Rajesh! Worked perfectly!

    Thank you.
    Jeff

    Rajesh Soni

    (@rajeshsoni)

    11 years ago

    You’re welcome. Glad I could be of help.

    Cheers!

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

The topic ‘Removing the header navigation’ is closed to new replies.