Home › Forums › CSS › Multiple Image Separators in Nav Bar › Reply To: Multiple Image Separators in Nav Bar
Hi, apologies for that.
I have used codepen and reduced it to the 1 menu class.
i have used codepen to show my html and css code in the following:
http://codepen.io/anon/pen/oFcqg
So from the display you will see 4 buttons and in between the first 3 buttons (homepage, whats new?, specials) I manage to display an image separator on the right hand side of the button. The homepage button (first link) also has an image separator showing via the css code ul#navmenu li.Menu:first-child
The problem I have is when I activate the css code for ul#navmenu li.Menu:last-child
this correctly adds an image separator on the right hand side of the contact us button but removes the image separator from the left side of the contact us button.
How is it possible for me to have an image separator on both sides of the homepage (currently have this working), both sides of the contact us button and an image separator on the right hand side of whats new and specials buttons.