[SOLVED] Main Menu in responsive view

Hi, Just became a starter member this week. I started playing around with the Qbar template on a test website. Looks really nice and I am getting around with the settings of the template. I have installed the quickstart package and modified it to my needs. So far so good.
Question: all seams to work fine on my desktop, but when I go to the responsive view (on my ipad) the main menu does not look responsive (hamburger?). The menu just jumps divides itself and jumps to a second line. On my cell phone, I see no menu at all. I have the main menu in the position off-canvas active.
Can you help me out here?
test url is www.webs2go.be/ontwerp/qbar

If you have more menu item or more space between the menu item you have to adjust the mobile break points:
Template options > customizer > Advanced > breakpoints
Play with the sizes to get the optimzed result.



The icons of the mobile have the same color as the background, therefore not visible.
Add this code to your css/custom.css

.uk-navbar-toggle {
color: #222222 !important;
}

Thanks, that did the trick.

Problem solved.