'Important' Highlight on Menu item

5 replies · opened Jun 22, 2022

WwebsorceressJun 22, 2022

Hi, I noticed on your latest update you have marked menu titles that contain new content with a little red dot to highlight it. Can you tell me how I can apply this to my own menu please? (HTML version). Thanks.

SSemicolon WebSTAFFJun 22, 2022

Hello,

You can simply add the .menu-item-important Class to the .menu-item you wish to display a notification bubble on.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

WwebsorceressJun 27, 2022

Hi thank you, I have added it but its not working? Also the with-arrows class isn't showing either, can you tell me what I'm doing wrong? thank you. www.stamfordwayfisheries.com

SSemicolon WebSTAFFJun 27, 2022

Hello,

The Default Structure of the Menu Item is following:
[ch_pre]

[Home](index.html)

[/ch_pre]

However, the `` Tag is missing from your Menu Item Codes which is why you are seeing these issues. Make sure that Default Structure of the Codes are maintained so that there are no unexpected issues.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

WwebsorceressJun 28, 2022

Well of course! that's rather a silly thing to miss off isnt it? :D Not sure how that happened but thank you!!!

Its viewing on the desktop just fine, is it supposed to display on mobile too or not? doesnt matter if not, just thought id ask in case i've done something else silly.

Thank you for your help.

SSemicolon WebSTAFFJun 28, 2022

Hello,

Very Happy to Help! :)

By Default, it is set to be displayed only on Large Screens. However, you can simply move out the .menu-item.menu-item-important .menu-link > div::after CSS Block outside the @media (min-width: 992px) Media Query and this will then display on all Devices.

Additionally, replace .menu-item.menu-item-important .menu-link > div::after with this: .menu-item.menu-item-important > .menu-link > div::after.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard