Hi there. I been given the following CSS code to turn the last item on my navigation menu into a button (I am using version 7.0 Five template). The code works well for the navigation button but unfortunately also turns the last button in the drop down menu to a button, which I don't want. I was hoping someone could assist with the tweak I need to make to the code to amend this please?
Code below:
#main-navigation ul li:last-child a,
{
background-color: #e18c05 !important;
color: #ffff !important;
padding: 13px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
border-radius: 5px !important;
-moz-transition: all 150ms linear !important;
-webkit-transition: all 150ms linear !important;
-o-transition: all 150ms linear !important;
transition: all 150ms linear !important;
}
#main-navigation ul li:last-child a:hover,
#main-navigation ul li:last-child a:focus,
{
background-color: #EDBA69 !important; /* match social nav links */
color: #000000 !important;
}