Unfold Off Canvas Burger Menu On Tablet Not Showing
bigfrontdoor
Hi there,
I'm working on a client site using Unfold - see here; https://dev.bigfrontdoor.com/behan-services/
I'm having a strange issue that the off-canvas burger icon is not visible in tablet portrait mode, it is there, but you can't see it as it's the same colour as the header background!
And yet on mobile it's absolutely fine - it's there in it's white colour perfectly.
I've tried forcing the colour in css but it just does not want to display.
What am I missing please?
Paul Frankowski
Accepted AnswerIn that case, use 2nd variant
@media screen and (max-width: 980px) {
.burger-icon > span { background-color: white !important;}
}if on your tablet it will not be visible change value from 980px to 999px or 1024px
Paul Frankowski
Accepted AnswerHi,
Use that:
.burger-icon > span { background-color: white !important;}
It was in Helix documenation too.
bigfrontdoor
Accepted AnswerThanks Paul,
Yeah I did try that CSS but if I do that the off-canvas menu appears all the time, and in the wrong position, it's now floating about in the top right?
See https://dev.bigfrontdoor.com/behan-services/
As per the Helix settings I don't want to display Mega Menu and Off-Canvas - just one or the other.