2015-07-13 122 views
0

我有一個wp-woocommerce電子商店。我在兩個地方使用了相同的品牌菜單項。 品牌頁面的一個:http://store.kapsula.com.ua/brand/insideu/
屏幕截圖
https://nimbus.everhelper.me/client/notes/share/247272/ETt1GKo6yuTRkdHRyWOKHk92z8DaVDTh/WordPress的菜單修復(CSS或JavaScript)

(在目錄品牌排行榜子菜單上車圖標下右)

當我選擇的品牌都目錄之一,品牌主菜單項下劃線。我如何使用自定義CSS或JavaScript使它強調只是一個主菜單項

P.S.我使用的是ubermenu插件,它允許將自定義類或ID添加到特定的菜單項。

+0

可以請你展示你的代碼並添加一個jsfiddle來演示這個問題。如果你修復你的網頁鏈接問題不會幫助其他人 – atmd

+0

嘿。我正在使用構建此菜單的插件,所以我沒有真正的純HTML/CSS代碼用於此菜單。但我可以通過私人郵件ftp訪問發送給你。 – user2992672

回答

0

如果我理解你,你需要從菜單中刪除下劃線。 它位於CSS

mediaia="all" 
.site-header .ubermenu.ubermenu-skin-none .ubermenu-item.ubermenu-item-  level-0>.ubermenu-target>.ubermenu-target-title:after { 
display: block; 
content: ''; 
height: 2px; 
margin-top: 1px; 
background: #222; 
visibility: hidden; 
} 

只是刪除線

content:''; 

然後添加自定義CSS來要帶下劃線的菜單項。

![before](http://s15.postimg.org/zf4g3rg8b/before.jpg) 
![after](http://s9.postimg.org/j64tfz6bz/after.jpg) 
+0

嘿。對不起,我不知道該怎麼做。問題是我正在使用在兩個地方打開相同頁面的菜單項。作爲名爲「品牌列表」的目錄子菜單和主級菜單項目「品牌列表」。因此,當我從目錄子菜單中選擇時,它會強調目錄和品牌主級菜單項。我需要的是,如果我從目錄子菜單中選擇僅目錄下劃線,並且如果我從品牌列表中選擇僅品牌菜單項被加下劃線。 https://nimbus.everhelper.me/client/notes/share/247753/AMNHDLQcWm2fGeqzfeBC34nyKAb5JFQe/ – user2992672

+0

嗯..但是當我打開頁面時,菜單中的兩個項目都帶下劃線。所以你應該首先刪除我在上面發佈的CSS中的下劃線。那麼你應該添加js,選擇這兩個項目中的一個(取決於哪個指向) 我說得對麼? – KondukterCRO

+0

Yeap。我試圖在css文件中找到那段代碼,但我不能。 – user2992672