Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Grid3 Menu Options

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
Last Edit: 7 years 8 months ago by Tony Shaw. Reason: more correct information...
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul: Add to custom.css??
Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Hi Paul: The code did not do the trick... is there a syntax error possibly?
Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
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
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul.. I will go and try that!
Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Good luck with it

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
Last Edit: 7 years 8 months ago by Tony Shaw. Reason: Files not attaching
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
why that class?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Not sure, just copied this using firefly on the other site and replaced the maxbiz2 to grid3
T
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Yep that is a good alternative :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Tony Shaw

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers