Archived topic
Mobile header issues with slideout and custom content
3 replies · Started by Roberto Enrique on February 25, 2019
Hi community!
I've been struggling with some aspects of the mobile header.
First, I can't understand why the slide-out menu just stopped working.
There's no error in the console and I don't know where to look :-(
The other thing I want to create is this layout in the mobile header:
https://i.imgur.com/KyZiCm3.png
I've added a custom image/link with the inside_mobile_header hook but I can't find the right way to display everything as in the first image, right now it looks like this:
https://i.imgur.com/tqkgJL3.png
My main concern is the fact that the slide out is not working even if I have it configured as usual.
Any clues are welcome.
Thanks in advance.
Hi there,
does the slideout work if you disable the off-canvas slideout you are using?
Some CSS like this should get you near to the layout you require:
#mobile-header .inside-navigation {
align-items: center;
}
#mobile-header .menu-toggle {
padding: 0;
flex-grow: 0 !important;
}
#mobile-header .site-logo {
margin-left: auto;
}1 - Your css did the trick, thanks a lot :-)
2 - Nope, disabling the other plugin doesn't bring back the slide-out.
I think I've found the plugin that was causing the malfunctioning of the slideout, the sad part, the plugin is the one that makes the store compliant with the Italian taxes and stuff. (https://dot4all.it/prodotto/plugin-woocommerce-p-iva-e-codice-fiscale-per-italia-pro/)
The free version seems to not interfere with the slideout.
I don't know exactly where to find the conflicting part of the code unfortunately.
I can provide a copy of the plugin in case you have the time to take a look.
Not sure what's happening here. It's like the JS isn't firing, which is strange because the JS is loaded on the page.
I suppose it's possible that plugin is preventing the JS from firing on click.. Hard to tell without combing through all of their JS though.
