Remove Horizontal Line of Menu Bar Hemingway Rewritten

seesuqar20172020 · Member · Jul 31, 2015 at 3:03 pm
Copy link

Add topic to favorites
Hey I would like to know how can I remove the horizontal line from the menu bar where my elements and between each one of themes!

Thank you and have a nice day!

The blog I need help with is: (visible only to logged in users)
ehtis · Staff · Jul 31, 2015 at 3:12 pm
Copy link
Hmm, do you want the “/” (slash) between the menu items gone?

If so, this code will do the job:
```
.main-navigation li:before {
	content: none !important;
}
```
P.S. This should be in the CSS forum I believe.
seesuqar20172020 · Member · Jul 31, 2015 at 3:29 pm
Copy link
Hi, not that one (slash) but the one that look like this ———- between each elements of my sub-menu.

I’ll go see in CSS forum and thank you for your really quick answer!
ehtis · Staff · Jul 31, 2015 at 3:39 pm
Copy link
Are you referring to the horizontal lines between the widgets on the sidebar? Between “DERNIÈRES PHOTOS”, “NOUS CONTACTER” etc.?

If not, can you show a screenshot of what you’re referring to? Because I don’t see any horizontal line between the sub-menu items.
seesuqar20172020 · Member · Jul 31, 2015 at 4:01 pm
Copy link
Hmm sorry if I explain myself badly, what I meaned was the one you find inside the sub-menu of the navigation bar like where it written “SEES-UQAR”. When you pass your mouse over it, it pop a sub-menu with an horizontal line between each elements of that sub-menu tree. This is theses lines that I would like to remove.
ehtis · Staff · Jul 31, 2015 at 4:32 pm
Copy link
Oh no, you explained it just fine! It was my Chrome which was the culprit, as it wasn’t showing the horizontal border lines in the drop-down sub-menus. Switched to Firefox, and there they were! :)

This code should get rid of them:
```
.main-navigation ul ul a, .main-navigation ul ul a:visited {
    border-bottom: none;
}
```
If that doesn’t work, use the !important declaration:
```
.main-navigation ul ul a, .main-navigation ul ul a:visited {
    border-bottom: none !important;
}
```
seesuqar20172020 · Member · Jul 31, 2015 at 5:36 pm
Copy link
Thank very much the first one just worked fine :P!

No items found.