Skip to main content

Notifications

Announcements

No record found.

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?
  • goetz Profile Picture
    goetz 55 on at
    RE: Portal - Adjust colour Hamburger Menu

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

  • Verified answer
    LeoAlt Profile Picture
    LeoAlt 16,329 on at
    RE: Portal - Adjust colour Hamburger Menu

    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
    goetz 55 on at
    RE: Portal - Adjust colour Hamburger Menu

    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

  • LeoAlt Profile Picture
    LeoAlt 16,329 on at
    RE: Portal - Adjust colour Hamburger Menu

    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

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

December Spotlight Star - Muhammad Affan

Congratulations to a top community star!

Top 10 leaders for November!

Congratulations to our November super stars!

Tips for Writing Effective Verified Answers

Best practices for providing successful forum answers ✍️

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,431 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 230,503 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans