How to add bullet points to 3rd level menu items.

How to add bullet points to 3rd level menu items. was created by geco111

Posted 8 years 2 months ago #32920
On town.bonnyville.ab.ca/ maximenuck How would I be able to add a small bullet point left of the 3rd level menu items to more easily differentiate them from the 4th level items?
similar to how it works on the mobile. See link on a phone for how it works well.
Thank you for your help.
Geco
Last Edit:8 years 2 months ago by geco111
Last edit: 8 years 2 months ago by geco111.

Please Log in or Create an account to join the conversation.

Replied by geco111 on topic How to add bullet points to 3nd level menu items.

Posted 8 years 2 months ago #32921
Also, on desktop mode the other issue is that for long menu names the word wrap to the next line is indented less. If there were a way to indent the wrapped text more, it would look much cleaner.
Thank you for your help.
Geco
Last Edit:8 years 2 months ago by geco111
Last edit: 8 years 2 months ago by geco111.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic How to add bullet points to 3nd level menu items.

Posted 8 years 2 months ago #32922
Hi
you must use some css rules to get that because you can't manage all scenarios using an interface

try to add this code to add the square bullets to your 3rd level items
Code:
div#maximenuck191 ul.maximenuck li ul.maximenuck2 li.maximenuck.level3 { display: list-item !important; list-style-type: square !important; }

CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by avonrivercs on topic How to add bullet points to 3rd level menu items.

Posted 7 years 4 months ago #39166
Hi Ced,
I am trying to add dot points to level 2 of the side menu. I have tried to add the code above but nothing is working. Not sure if I am putting the code in the right place. Can you please point me in the direction as to which file I need to edit? Steve

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic How to add bullet points to 3rd level menu items.

Posted 7 years 4 months ago #39168
Hi
the code must be adapted to your menu, for example div#maximenuck191 targets the menu ID, and this is unique for each module/website

give me your url to check
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.636 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1288 guests and no members online