從主頁隱藏網站導航

Question

我在wordpress中創建了一個網站，我想從這個頁面隱藏菜單

http://www.dawaf.co.uk/es/

但是，一旦您單擊左上角的徽標即可將其顯示在所有其他頁面上，以引導您訪問該站點

http://www.dawaf.co.uk/es/portraits

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: BebasRegular;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    background: #FFFFFF;
    padding: 0px;
}

h1.entry-title {
    display: none;
}

#page.hfeed {
    margin: 0px;
}

/*Header
------------------------------------------------------------ */
#branding {
    border: 0px;
}

#branding #searchform {
    display: none;
}

.site-title {
    width: 300px;
    height: 132px;
}

/*Nav
------------------------------------------------------------ */
#access {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 140px;
    margin-left: 20px;
}

#access a {
    color: #8E8E8E;
    padding: 0px;
    line-height: 2.2;
}

#access li {
    font-size: 11px;
}

#access li:hover > a, #access a:focus {
    background: #FFFFFF;
}

#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {
    font-weight: normal;
}

/*Photospace
------------------------------------------------------------ */
.photospace {
    margin: 0px !important;
    top: -236px;
    left: 175px;
}

.nav-controls {
    font-size: 11px;
}

.ss-controls {
    font-size: 11px;
}

.photospace .gal_content a:hover{
    text-decoration: none !important;
}

/*Super Sized Splash Page
------------------------------------------------------------ */
#supersized {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -999;
    height: 100%;
    width: 100%;
}

#page.hfeed {
    background: transparent;
}

.widget_search form {
    display: none;
}

form#searchform {
    display: none;
}

/*Footer
------------------------------------------------------------ */
#colophon {
    display: none;
}

#post-0 .entry-content {
    display: none;
}

Answer 1

您會注意到您的主頁面有一個home ，該類對於該部分是唯一的。 這使得執行以下操作非常簡單：

.home nav{
    display:none;
}

或者如果你需要更具體的東西：

.home nav#access{
    display:none;
}

Answer 2

我編輯主題並檢查is_home()以隱藏菜單。

if( !is_home() )
{
    # Show your menu on pages that are not the home page
}

Answer 3

您可以通過執行以下css將其隱藏在主頁中

.home #access {
    display: none;
    }

通過徽標進入后，它仍將出現在您的所有其他頁面上。