Hi JB Team (probably Paul!):

I have this site completed and online: www.paacl.ca

All of my client's menu items that have SUB MENUS...

The client wanted me to find a way to visibly indicate that there were SUB MENUS simply by observing... often you get a DOT next to a menu to show there are Drop Down Menus...

Is this possible with GRID3?

Cheers,

Tony

Hi Tony,

You would want to add a background image to this snippet

nav#navwrap ul li.dropdown-submenu span {color:red;}

at the moment its adding the red colour

Cheers
Paul

Hi Paul: Add to custom.css??
Tony

Hi Paul: The code did not do the trick... is there a syntax error possibly?
Tony

Hi Paul... the syntax was correct and it did work for the actual dropdowns that had secondary drop downs...

I would like to see a DOT in front of all main menu items to indicate there are drop downs...

Tony

right you would need to add a background image to this snippet

nav#navwrap ul li a.dropdown-toggle {color:red;}

replacing the color bit

Cheers
Paul

Hi Paul.. I will go and try that!
Tony

Good luck with it

Cheers
Paul

Hi Paul... I guess I am not being clear...

Here is a screen shot from another site... you can see the dots in front of the menu items that have a drop group...
Can we replicate that?

Tony

The last time I tried to attach a file it didn't work... so here's the URL, just in case: www.bccanoe.com


As I suggested the attachement a png file did not show up!

T

Hi Tony,

With testing css I can't add a background image for you - I can only suggest the line of css you need to target -

nav#navwrap ul li a.dropdown-toggle {color:red;}

so hopefully this is targetting links which have a drop down

With this you replace the color:red - with your background image

I can't add this for you as I can't possibly know the path to the template image file in the template images folder

With adding the red colour its only to make it clear to me that I have the correct css targetted

Hope that is a bit clearer

Cheers
Paul

Hi Paul: The target is absolutely correct... I have also copied the 'button' from the files of the other site... it is called navparent.png

I placed this in the following folder: public_html/ template/images/navparent.png

Then I tried the following code in custom.css

li .separator {
background: url("../../../templates/grid3/images/navparent.png") no-repeat scroll 8px 24px rgba(0, 0, 0, 0) !important;
}

There is something wrong here as it did not show up!

Tony

why that class?

Cheers
Paul

Not sure, just copied this using firefly on the other site and replaced the maxbiz2 to grid3
T

there is no li .separator class like this on this site

To add a background image use my line and add your image to it

You could use the path to the image from maxbiz2 if the image is named the same and comes from the template image folder

Cheers
Paul

Hi Paul:

So, I realized I could use icons in the Mega Menu and so added those...
www.paacl.ca

I think that does the job for my client and I will await feedback.

Cheers,
Tony

Yep that is a good alternative

Cheers
Paul