web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

No record found.

News and Announcements icon
Community site session details

Community site session details

Session Id :
Service | Customer Service, Contact Center, Fie...
Answered

Portal - Adjust colour Hamburger Menu

(0) ShareShare
ReportReport
Posted on by 55

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.

<button type="button" class="navbar-toggle collapsed" title="{{ snippets["Header/Toggle Navigation"] | default: resx['Toggle_Navigation'] | h }}" data-toggle="collapse" data-target="#navbar" aria-expanded="false" onclick="setHeight();">
<span class="sr-only">{{ snippets["Header/Toggle Navigation"] | default: resx['Toggle_Navigation'] | h }}</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
Anyone able to help?
  • LeoAlt Profile Picture
    16,341 Moderator on at

    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

  • goetz Profile Picture
    55 on at

    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. 

    Annotation-2020_2D00_06_2D00_08-141117.png

  • Verified answer
    LeoAlt Profile Picture
    16,341 Moderator on at

    Hi partner,

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

    pastedimage1591664025641v1.png

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

    "background-color : red".

    pastedimage1591664163433v2.png

    Best Regards,

    Leo

  • goetz Profile Picture
    55 on at

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

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Women in Power Builds Momentum

Expanding mentorship, skilling, and AI innovation

Congratulations to the August Top 10 Community Leaders

These are the community rock stars!

Leaderboard > Service | Customer Service, Contact Center, Field Service, Guides

#1
Travis South Profile Picture

Travis South 54

#2
Syed Aqib Raza Profile Picture

Syed Aqib Raza 42

#3
ParthPatel249 Profile Picture

ParthPatel249 33

Last 30 days Overall leaderboard

Featured topics

Product updates

Dynamics 365 release plans