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
Hi guys,
If it’s the color of the actual bars in the burger menu then this works.
Just open the Class Manager, click the + and in the Subclass Lib choose “Toggle Navigation Menu Symbol”
And change the background color.
I hope this helps
[menu1]
[menu2]
Result in browser
[menu3]
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
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
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
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
@PeteSharp
You are the best. Thanks man.
1 Like