Question

此网站的上一个网站管理员：http://datingconversation.com已使用jquery自定义了标题/徽标/导航栏区域。我的任务是完全隐藏导航菜单，并且发现它非常困难。

以下是自定义javascript代码：

jQuery(document).ready(function($) {
  $("#menu-item-150").before("<li><a href='/'><img style='margin-right:50px;' src='http://datingconvo.digedesign.com/wp-content/uploads/2015/02/dc_logo_small.png'/></a></li>");
  $("#menu-main").after("<div style='height:50px;width:100%;background-color:white;color:#000880;text-align:center;line-height:50px;font-size:24pt;letter-spacing:1px;font-family:lato,sans-serif;font-weight:300'>Read &bull; Talk &bull; Connect</div>");
});

这是自定义的.css代码（我知道并非所有内容都是相关的，但在谨慎方面犯了错误）：

.cat-bg,
#mgm-header-opacity,
.nav-wrap#nav-clone .mgm-logo,
.nav-wrap#nav-clone .mgm-logo-text,
.sticky .entry-details,
#mgm-full-collapsible .btn-success:hover,
#mgm-full-collapsible .btn-success:focus,
#mgm-full-site-info,
.mgm-cat a,
.mgm-title.mgm-title-skin:after,
.mgm-title a:after,
.mgm-title a:before,
.mgm-title span:after,
.mgm-title span:before,
.inverse .boxed,
.reply-wrap .mgm-reply a,
.article-content-wrapper:hover .img-hover-info,
.rw-criteria.stars-preview,
.rw-bar-progress,
.social-count-plus ul li,
.cat-panes-content .entry-details,
.cat-panes-content .entry-details a,
.rw-user-rating-desc .user_rating,
.rw-user-rating-desc .your_rating,
.mgm-share-text,
.flex-direction-nav,
.woocommerce #comments .star-rating,
.woocommerce-page #comments .star-rating,
.mgm-onsale,
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success.disabled,
.btn-success[disabled],
.generic-button a,
.actions a.mark-read,
div.item-list-tabs ul li a span,
.taxonomy-description p,
.mgm-search-icon-trigger:before,
.mgm-title span.mgm-stripe,
.jackbox-panel:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-review-link,
.label-minus,
.label-plus,
.single_add_to_cart_button,
.mgm-product-single-wrap .price,
.shop-banner-price .price,
span#subscription-toggle a,
span#favorite-toggle a,
.woocommerce-result-count {
  background-color: #333333!important;
}
.entry-details {
  background-color: #333333!important;
}
.flex-cat {
  background-color: #ffe400!important;
}
.flex-cat a {
  color: #333!important;
}
#masthead {
  display: none;
}
.topnav-wrap {
  display: none;
}
#main {
  margin-top: 10px;
}
.main-navigation a {
  color: #ffffff!important;
}
.main-navigation {
  text-align: left;
}
h3 a {
  color: #333333!important;
}
#mgm-toolbar {
  background-color: #666666;
}
#mgm-full-site-info ul li a {
  color: #c1c1c1!important;
  margin-right: 10px;
}
.menu-main-container {
  min-width: 997px;
}
#comments {
  display: none !important;
}

我试图完全隐藏菜单而不改变徽标的位置。也许我可以让链接颜色与背景相同，并以某种方式防止链接被点击...？非常感谢您的帮助。

Answer 1

您想保留徽标但隐藏菜单链接吗？如果是这样，请尝试以下方法：

ul#menu-main li:nth-child(n+2) { display:none }

您还可以将visibility:hidden添加到混音中，以便进行衡量。

编辑自定义JavaScript以隐藏导航菜单，wordpress

1 个答案: