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;
    }

通过徽标进入后，它仍会显示在您的所有其他页面上。

从主页隐藏网站导航

3 个答案: