# Hamburger icon to change in size or colour

**URL:** <https://forums.realmacsoftware.com/t/hamburger-icon-to-change-in-size-or-colour/29523>\
**Category:** RapidWeaver Classic\
**Created:** [November 4, 2019, 2:50pm UTC](https://forums.realmacsoftware.com/t/hamburger-icon-to-change-in-size-or-colour/29523 "2019-11-04T14:50:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lolo](https://avatars.discourse-cdn.com/v4/letter/l/f475e1/32.png) [@Lolo](https://forums.realmacsoftware.com/u/Lolo)\
**Post date:** [November 4, 2019, 2:50pm UTC](https://forums.realmacsoftware.com/t/hamburger-icon-to-change-in-size-or-colour/29523/1 "2019-11-04T14:50:55Z")

</div>

Hi

I have right upper corner this Hamburger icon to click for other pages.  
How can I change it (by size, colour or location?

Thanx in advance, Mike

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [November 4, 2019, 2:57pm UTC](https://forums.realmacsoftware.com/t/hamburger-icon-to-change-in-size-or-colour/29523/2 "2019-11-04T14:57:12Z")

</div>

Need more info Mike.

What theme?  
Built in menu or a third party stack?  
A URL always helps.

Rob

---

<div class="post-metadata">

**Author:** ![Lolo](https://avatars.discourse-cdn.com/v4/letter/l/f475e1/32.png) [@Lolo](https://forums.realmacsoftware.com/u/Lolo)\
**Post date:** [November 5, 2019, 2:14pm UTC](https://forums.realmacsoftware.com/t/hamburger-icon-to-change-in-size-or-colour/29523/3 "2019-11-05T14:14:39Z")

</div>

Hi Rob

it is: [https://www.doktor-loder.ch](https://www.doktor-loder.ch)

---

<div class="post-metadata">

**Author:** ![DLH](https://avatars.discourse-cdn.com/v4/letter/d/b5e925/32.png) [@DLH](https://forums.realmacsoftware.com/u/DLH)\
**Post date:** [November 5, 2019, 3:12pm UTC](https://forums.realmacsoftware.com/t/hamburger-icon-to-change-in-size-or-colour/29523/4 "2019-11-05T15:12:44Z")

</div>

Try this in site-wide CSS:

```
#navigation_toggle i.fa.fa-bars {
    color: #ff0000 !important;
    font-size: 36px !important;
}

```

You may not need " !important", try without and add if needed.

Adjust the color and size as appropriate.

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [November 5, 2019, 3:18pm UTC](https://forums.realmacsoftware.com/t/hamburger-icon-to-change-in-size-or-colour/29523/5 "2019-11-05T15:18:02Z")

</div>

Putting this into the CSS panel in Settings/Code will change the colour and size of the visible hamburger menu.

```
   #navigation_toggle {
    color: #FB060E;
    font-size:50px;
    }

```

Change the colour and size to whatever you want. You can also change the close icon to the same colour. Don’t think there’s a way of moving the hamburger to the other side without breaking the theme, I’m afraid, no even in the Pro version.

Rob

---

<div class="post-metadata">

**Author:** ![Lolo](https://avatars.discourse-cdn.com/v4/letter/l/f475e1/32.png) [@Lolo](https://forums.realmacsoftware.com/u/Lolo)\
**Post date:** [November 5, 2019, 7:35pm UTC](https://forums.realmacsoftware.com/t/hamburger-icon-to-change-in-size-or-colour/29523/6 "2019-11-05T19:35:08Z")

</div>

Thanx, that’ll solve my problem. Some folks asked me to make it more visible.  
Mike

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [December 6, 2019, 5:35am UTC](https://forums.realmacsoftware.com/t/hamburger-icon-to-change-in-size-or-colour/29523/7 "2019-12-06T05:35:15Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.