- This topic has 5 replies, 2 voices, and was last updated 3 years, 4 months ago by
.
Viewing 6 posts - 1 through 6 (of 6 total)
-
Posts
-
Hi, I ve added vertical lines to my Nav Menu with the CSS below which adds a left border to each menu item.
So far I cant work out the CSS to add only the last border on the right.
– Can you help me with this ?
Thanks
Stephen.main-navigation .main-nav > ul > li {
border-left: 2px solid white;
}Customer Support
Hi there,
add this CSS to include the last items right border:
.main-navigation .main-nav > ul > li:last-child { border-right: 2px solid white; }Hi, thank you yes I cant get that to work. Maybe its because I have other CSS as below for the nav bar.
Maybe its not the last-child with my arrangement ?
.main-navigation .menu-bar-items {
position: absolute;
right: 0;
}.nav-menu-cart {
display: none;
}Aah its not the last child.
Try this instead:.main-navigation .main-nav > ul > li:nth-child(4) { border-right: 2px solid white; }Fantastic thank you – easy when you know how !
Glad to be of help!
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.
