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
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
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
CEd
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.
- avonrivercs
- Offline
- Junior Member
- Posts: 34
- Thanks: 4
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
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
by avonrivercs
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
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