0
親とサブメニューのナビゲーション（http://www.livingthelighterlife.com/）があり、何らかの理由で親リンクの一部が他のものよりも高い位置にあります。何が起こっているのか分かりません。ナビゲーションメニューの高さの不一致
また、私がWordpress、親テーマ「Genesis」、子テーマ「Foodie Pro」を使用しています。
任意の助けいただければ幸いです:)
/* Main Navigation
--------------------------------------------- */
.genesis-nav-menu .menu-item {
\t display: inline-block;
}
.genesis-nav-menu {
\t margin-top: -118px;
}
.genesis-nav-menu:before {
\t content: "BROWSE RECIPES:";
\t color: #f68364;
\t font-size: 11.5px;
\t letter-spacing: 1px;
\t margin-right: 5px;
}
.genesis-nav-menu {
\t text-align: right;
\t font-size: 11.5px;
\t letter-spacing: 1px;
}
.genesis-nav-menu a {
\t display: inline-block;
\t position: relative;
\t padding-left: 5px;
\t padding-right: 8px;
\t color: #636367;
\t text-decoration: none;
\t text-transform: uppercase;
\t transition: all 0s ease !important;
}
.genesis-nav-menu a:hover {
\t color: #6dbea2;
}
li#menu-item-150 a {
\t pointer-events: none;
\t cursor: default;
\t padding-left: 0px;
\t padding-right: 3px;
\t color: #f68364;
}
.menu-item:last-child a {
\t padding-right: 0px;
}
li#menu-item-119:after, li#menu-item-120:after, li#menu-item-121:after {
\t display: inline-block;
\t content: "/";
\t color: #b9b9b9;
}
/* Sub Navigation
--------------------------------------------- */
.menu-primary li{
\t position: relative;
}
.genesis-nav-menu .menu-item:hover > .sub-menu,
.genesis-nav-menu .menu-item:focus > .sub-menu,
.genesis-nav-menu .menu-item.menu-item-hover > .sub-menu {
\t left: 50%;
\t transform: translateX(-50%);
}
.genesis-nav-menu .sub-menu:before {
\t content: '';
\t display: block;
\t margin: auto;
\t width: 0;
\t height: 0;
\t border-left: 5px solid transparent;
\t border-right: 5px solid transparent;
\t border-bottom: 5px solid #7b7c80;
}
.genesis-nav-menu .sub-menu {
\t position: absolute;
\t display: block;
\t z-index: 2000;
\t left: -9999px;
\t width: 100px;
}
.genesis-nav-menu .sub-menu a {
\t width: 100px;
\t padding: 10px;
\t background-color: #7b7c80;
\t color: #ffffff;
\t font-size: 10px;
\t text-align: center;
}
.genesis-nav-menu .sub-menu a:hover {
\t background-color: #f78f73;
}<nav class="nav-primary" itemscope itemtype="http://schema.org/SiteNavigationElement" id="genesis-nav-primary" aria-label="Main navigation"><div class="wrap"><ul id="menu-main" class="menu genesis-nav-menu menu-primary"><li id="menu-item-119" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-119"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Breakfast</span></a>
<ul class="sub-menu">
\t <li id="menu-item-151" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-151"><a href="http://www.livingthelighterlife.com/recipes/" itemprop="url"><span itemprop="name">Recipes</span></a></li>
</ul>
</li>
<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-120"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Lunch</span></a>
<ul class="sub-menu">
\t <li id="menu-item-156" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-156"><a href="http://www.livingthelighterlife.com/recipes-new__trashed-2/" itemprop="url"><span itemprop="name">Recipes NEW</span></a></li>
</ul>
</li>
<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-121"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Dinner</span></a>
<ul class="sub-menu">
\t <li id="menu-item-160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-160"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Coming Soon</span></a></li>
</ul>
</li>
<li id="menu-item-148" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-148"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Other</span></a>
<ul class="sub-menu">
\t <li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Desserts</span></a></li>
\t <li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Snacks</span></a></li>
\t <li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-123"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Sides</span></a></li>
\t <li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-125"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Beverages</span></a></li>
</ul>
</li>
<li id="menu-item-150" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-150"><a itemprop="url"><span itemprop="name">•</span></a></li>
<li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-25"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Nutrition & Fitness</span></a>
<ul class="sub-menu">
\t <li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-126"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Philosophy</span></a></li>
\t <li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://www.livingthelighterlife.com/sample-page/" itemprop="url"><span itemprop="name">Workouts</span></a></li>
</ul>
</li>
</ul></div></nav>
Pefect！どうもありがとうございました！ – Samantha