Portal - Adjust colour Hamburger Menu

(0) Share

Report

Posted on by goetz

I am trying to transition the Navbar from the standard inverse; I manage most of what I want to do, but struggle with the Hamburger Menu. Once I switch from Navbar-inverse to Navbar I can not see the lines anymore. I found this code in the header but could not find a way to change the colour of the lines; also not sure if this is the right place for it.

<span class="sr-only">{{ snippets["Header/Toggle Navigation"] | default: resx['Toggle_Navigation'] | h }}</span>

</button>

Anyone able to help?

I have the same question (0)

All responses (4)

Answers (1)

LeoAlt 16,331 Moderator on at

Like (0)

Report

Hi partner,

Could you please share more details about your situation now with screenshots?

What does "Hamburger Menu" mean, and what is your requirement?

If you want to move the menu to left side, you could refer to this thread.

community.dynamics.com/.../dynamics-365-portals---left-menu

Regards,

Leo

Was this reply helpful? Yes No
goetz 55 on at

Like (0)

Report

Hi, the Hamburger Menu is the menu shown on mobile devices. I managed to fix it by replacing the Button with the glyphicon-menu-hamburger (line below). I did comment out the default portion of the code and have not yet removed it. I am not excatly an expert in HTML / CSS / Bootstrap / Liquid. So any validation that this is correct would be of help. I could not figure out how to replace the colour of the lines.

Was this reply helpful? Yes No
Verified answer

LeoAlt 16,331 Moderator on at

Like (1)

Report

Hi partner,

Do you mean you want to change the line colour of the menu?

If so, please add the following style in default code.

"background-color : red".

Best Regards,

Leo

Was this reply helpful? Yes No
goetz 55 on at

Like (0)

Report

This is the syntax I was looking for. Thank you. The glyphicon also seems to work fine. thank you for your help!

Was this reply helpful? Yes No