Hello,
I'm creating the template for this site (https://wjjc.eu/biz/) with Helix Ultimate and SP Page Builder Pro.
I created a custom header consisting of two rows and three columns that displays properly on desktop and shouldn't display on mobile. So far, so good.
In the template, below the header, I added a row with the menu position, and this also displays properly on the desktop version.
The problem arises when displaying the menu on the mobile version on off-canvas with a burger icon.
After countless attempts, I resorted to a default header, setting the desktop logo size to 0, but the menu appears duplicated at the top of the header.
Again, the problem is in desktop view, where the menu contained in the menu position displays twice.
It's likely that a CSS file that prevents the menu from displaying, or even better, the default header only on desktop, will resolve this, but I haven't been able to.
I would have liked to use just one section for this, but I couldn't. As far as the webmaster is concerned, it wouldn't be a problem, because that's me. :-) Can you help me with some CSS to fix the display issue?
I'm asking for your kind help.
Thank you
Solved
Helix Framework
Menu Displayed Twice on Helix Ultimate
Accepted answer
Marked as the solution
Paolo Bianchi Asked this
7 months ago
· edited
Just fixed via css
#sp-menu.col-auto {
display: none;
} 1 more reply
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us and glad to know that its fixed. And thanks for sharing the solution.
-Regards.
Log in to reply.