How to add bullet points to 3rd level menu items.
8 years 10 months ago - 8 years 10 months ago #32920
by geco111
How to add bullet points to 3rd level menu items. was created by geco111
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 10 months ago by geco111.
Please Log in or Create an account to join the conversation.
8 years 10 months ago - 8 years 10 months ago #32921
by geco111
Replied by geco111 on topic How to add bullet points to 3nd level menu items.
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 10 months ago by geco111.
Please Log in or Create an account to join the conversation.
8 years 10 months ago #32922
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic How to add bullet points to 3nd level menu items.
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
Please Log in or Create an account to join the conversation.
- avonrivercs
- Offline
- Junior Member
Less
More
- Posts: 34
- Thank you received: 4
8 years 2 weeks ago #39166
by avonrivercs
Replied by avonrivercs on topic How to add bullet points to 3rd level menu items.
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
Please Log in or Create an account to join the conversation.
8 years 2 weeks ago #39168
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic How to add bullet points to 3rd level menu items.
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
Please Log in or Create an account to join the conversation.
Time to create page: 0.216 seconds