Hamburger menu color change ( not the background )

I think this is a topic that has been discuss a dozen of times, people just waiting to see this.
I know how to change the background of a hamburger menu when you click on it, I also know that because Bootstrap 4 the hamburger menu regular background is either black or white ( i think ), what I want to know is if @Norm will add soon the possibility to change the hamburger menu color… I am dying to see my hamburger menu in yellow ( yes the 3 lines in yellow ) but I can’t… I am using 3.5

How long should we wait for this to happened? thanks :slight_smile:

The post from a few months ago you just posted in, included a link to a solution. Funny enough it was just above your post too :grin:

"

#nav-toggle .navbar-toggler-icon {
background-image: url(“data:image/svg+xml;charset=utf8,%3Csvg viewBox=‘0 0 30 30’ xmlns=‘http://www.w3.org/2000/svg’%3E%3Cpath stroke=‘rgba(255, 255, 255, 1)’ stroke-width=‘2’ stroke-linecap=‘round’ stroke-miterlimit=‘10’ d=‘M4 7h22M4 15h22M4 23h22’/%3E%3C/svg%3E”);
margin-right: 0px;

}

#nav-toggle .navbar-toggler-icon:hover {
background-image: url(“data:image/svg+xml;charset=utf8,%3Csvg viewBox=‘0 0 30 30’ xmlns=‘http://www.w3.org/2000/svg’%3E%3Cpath stroke=‘rgba(255, 191, 0, 1)’ stroke-width=‘2’ stroke-linecap=‘round’ stroke-miterlimit=‘10’ d=‘M4 7h22M4 15h22M4 23h22’/%3E%3C/svg%3E”);
margin-right: 0px;
}

"

Put this in the header of each page.
Turns the hamburger from white to yellow on hover.
Does NOT work on a Hero Bloc. (afaik)

something like this ?

tom

This should be really simple in the sidebar - hoping for Blocs 4 to have all these simple things to be included. They can do a drop down selection for the shapes for the hamburger toggle, why not a colour change!

1 Like

The irony is that is was simple to change on Blocs 2. This was something that came about through changes in Bootstrap. Yes hopefully Blocs 4 will have some kind of easy solution.

2 Likes

fingers crossed!..just some of these simple things will be great!

Hey @Flashman - I understand the latest Bootstrap has several huge features in that current Blocs does not (from peoples comments - im sure a better slider was one) so if this is the case, do the Blocs updates not show these…or should they?

Another thing - if the the above post (Hamburger/toggle colour change) was easy to do in Blocs 2 but this feature was taken away in Blocs 3, could this feature have been added by @Norm and development team onboard to ensure all features evolve and not taken away or they have to work to a licence / format handed from Bootstrap?

Hope Blocs 4 will iron out the creases - and fingers crossed if Bootstrap develops then these updates will show in all Blocs updates.

Ive just recommend Blocs to a friend of mine - but I am sure he said he’s really confused with it, and same things like colour changes etc - but he really loves the idea and model of Blocs.

1 Like

I’ll have to leave most of those for Norm to answer. I’m like Manuel from Fawlty Towers around here. I know nothing, however I can only guess that Norm is hard at work making sure Blocs 4 will be pretty awesome.

2 Likes