fix menu in mobile version

Hi there,

can you provide a link to your site? You can edit your original topic and use the Site URL field for privacy

Done,
Thank you,

Hi there,

i am not sure i understand, i tested the site and the hamburger menu shows on mobile.
Do you want to give it a solid background color to make it more visible?

If so edit the Header Element > Site Header and set Merge option to Desktop only.

Hi,
Now it's quite ok.
The problem now it's that I need to remove the upper bar but only in the mobile version.

I remove the content in mobile version with a class "nomovil" that affect the text into that bar.
Nevertheless that solution take a space wihout nothing inside. I need remove all, not only the content, all that upper bar in mobile version.
You can see it now.
Another question to solve is put the burguer in the middle, the same distance on the top that on the bottom of the symbol.

Thank you

Ok to remove the top bar:

@media (max-width: 768px) {
    .top-bar {
        display: none;
    }
}

To improve the hamburger alignment - you have this CSS:

.menu-toggle:before {
    font-size: 30px;
}

Try changing it to this:

.menu-toggle:before {
    font-size: 30px;
    line-height: 50px;
    vertical-align: middle;
}

Perfect,
Solve it,

Thank you very Much!

Glad to be of help.