Mobile toggle colour

Wish List
1

It is amazing that I can easily select anything and make changes

why is it so complicated to change mobile toggle colour why it can’t be simple click and change colour

I will really appreciate this feature sometime soon as I found a blog but seems like the sub class lib doesn’t work this way anymore

as I cannot see toggle navigation menu symbol class anywhere

it is really difficult to understand specially for someone new with blocs like myself

please consider it for your next update

thank you

2

Bootstrap 4 changed the way the hamburger works, which is why it became more complicated and the older method no longer can work in Blocs.

Add this to the page header, you need to adjust the values (rgba) to suite the colour you want.


<style>
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}
</style>

There is a different svg code for each style of toggle menu.

3 Likes
3

Thanks Malachiman :+1:

4

Hi @PeteSharp,

is there a way to use different colors, when the navbar get the status “sticky”?
In your way the color is always the same, no matter if the navbar is sticky or not.

Thx in advance :slight_smile:

5

Yes. Just have to target some classes.

When the navbar goes sticky the classes applied are

.sticky-nav.sticky

(From memory, I’m on my phone at the moment).

1 Like
6

@PeteSharp

You are the best. Thanks man. :+1:t3:

1 Like