Primary navigation, background image

Hi there,

Try this CSS:

.main-navigation .main-nav > ul > li:first-child > a {
    background-image: none;
}

Let me know :)

Hi Tom!

Thanks for your reply. It did work to remove the image from the far left! Can you tell me how to get the image after the last item in the menu?

Thanks again!
DM

Hi there,

try this instead.
1. remove the background image from the menu item.
2. Add this CSS:

.main-navigation .main-nav > ul > li > a {
    border-right: 1px solid rgba(255,255,255,0.25);
    box-sizing: border-box;
} 

If you want you can bottom borders to the mobile menu with this CSS:

@media (max-width: 769px) {
    .main-navigation .main-nav > ul > li > a {
        border-bottom: 1px solid rgba(255,255,255,0.25);
    } 
}

Hi there David.

That gives a very different feel to my menu. I added your option and left the original dividers so that you can see the difference. The web url was listed in the first message.

Thanks!
DM

It looks like the image is already added to the last item, or are you wanting to remove it?

If so, your CSS would look like this:

.main-navigation .main-nav > ul > li:first-child > a,
.main-navigation .main-nav > ul > li:last-child > a {
    background-image: none;
}

Hi Tom.

The image is not at the right side of the last item. That is the box outline that David suggested in the above thread. Unfortunately, it does not look the same as my image (which is separating the other items.) Is there a way to use my image at the right side of the last item?

Thanks!
DM

Ok remove the CSS Tom and i provided.
Edit the Background in the Customizer and for position set it to right center

Hi David.

Under Customize-> Background Image there isn't an option to set the position to right center. The options are repeat, x, y, no repeat. Am I in the wrong spot?

DM

I got it! Thank you for your help! In custom css I used this:

.main-navigation .main-nav > ul > li > a{
background-image: url('images/nav-line.png');
background-position: center right;
}

Thanks again for all your help!

Oops - silly me - yeah that option is not on the Navigation.
Glad to see you got it resolved