[froguitar]

Hi!
Now it’s working fine because I pasted in the right place file functions.php relative url. (I don’t know how tu paste code here)
This is not the best solution, but it works just as I want.

“Could you deactivate all your plugin and try it again as well.”
It did not help.

[froguitar]

OK. Now it is quite ok. I added a few lines. I have:

.header-wrap { width: 140px; }

@media (max-width: 768px)
{
.header-wrap { width: 130px; left: -130px}
}

And it’s good (I think)

Thanks serakan for your help.

[froguitar]

For phone this is almost good solution – hamburger menu good, but the menu is not exposed in the entire width. Unfortunately disappears text and icons in desktop view… You can see it in this moment (http://frog.vipserv.org/cv/)

[froguitar]

I have child theme, and when I add:

.header-wrap { width: 150px; }

to style.css for child theme, THEN IT WORKS, but only in desktop view (on my phone there is a problem)

url: http://frog.vipserv.org/cv/

[froguitar]

I tried this, but it isn’t work.
The problem is that I increase the font on the menu, for example, 14 px and appears horizontal scroll. Therefore I need to increase the width of the menu.
Of course I use empathy theme.

in main.css it looks like this:

.header-wrap {
position: fixed; z-index: 2000; width: 120px; left: -120px; top: 0; bottom: 0; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;
}

How to change it, or overwrite custom.css to get a wider menu, which also works correctly on mobile devices?