Hamburger menu is not visible

peka · February 20, 2019, 10:29am

Hi - I can’t see the hamburger menu icon on the small and extra small breakpoint!

Norm · February 20, 2019, 1:13pm

You need to change the navigation bar theme.

Read how to do it here.

peka · February 20, 2019, 2:20pm

Thanks Norm. I changes the navigation bar theme as “Dark” and it helped.

KBConcepts · February 20, 2019, 4:56pm

@Norm may I suggest more option under this Class. I think it would be so much better in you could implement the choice of using Color Swatch for both the Text & the Background. Tweaking these with Custom Class settings we know can be done. You can see many people have mentioned confusion on this in the forum. Looks like Blocs could use your help to make a better way to make these changes.

Norm · February 20, 2019, 6:32pm

I don’t think it’s possible to edit the colour of the hamburger as it’s now an inline svg in Bootstrap 4.

KBConcepts · February 20, 2019, 7:45pm

So Custom Class settings are the only way?

Whittfield · February 20, 2019, 8:05pm

You can only use CSS if you’re working with an inline SVG. You can convert the SVG to an inline but that would be after the site export.

Once the SVG is converted to inline use:

fill: #000000 !important;

You can convert the SVG’s to inline on page load, but that requires .js knowledge/skill.

KBConcepts · February 20, 2019, 8:26pm

Thanks, @Whittfield you made that clear enough for me.

pixelwork · February 21, 2019, 9:40am

There has been another discussion here how you could change the colours of th hambrger.
Thanks to @mds this works well for me.

Hope this helps too