Hi,

Is it possible to put a space between the first menu item 'Home' and the next menu item as there is an image that sits over the nav bar and I'd like 'Home' to sit one side of it and the rest of the menu on the other.





www.mackaycanegrowers.com.au/joomla/

I've also just realised by putting an image over the navbar I now can't use the dropdown - any way round this?

Thanks in advance.

You can target individual links using their itemid (you can see this quickly by viewing the source code for the menu)

As well as adjusting the whole menu

What is happening with the menu is the image is sitting on top of the menu making it unclickable as the user is clicking the transparency of the png

The problem with z-index is that defeats the object of having the image there in the first place - it may be possible to alter this but not sure

Ok thanks will look at the individual itemids and change some css but not sure what to do about the image over the nav then.

The only way at the moment I can see is

.t3-mainnav > .container {z-index: 10000;}

And then remove the light green background from the elements below it

Thanks for your advice. I ended up spitting the banner in two, putting them in 2 different grid positions under the Main Menu. So the part with the image could sit as a png over the main menu to the left of Home and the right hand side could sit underneath the menu without putting a transparent png over the menu items. I haven't tested it in IE but seems to look ok in other browsers. It still needs a bit of css tweaking for smaller screens and responsive views but could work ok I think.

Yeah that sounds a better solution than mine