Is there a way to use the mobile header on all pages regardless of size? There doesn’t appear to be any settings that do this, but wondering if I can modify the code to accomplish this. Can you point me in the right direction to the files I’d need to modify?
For a little more detail. I’m in the theme javascript and I’ve set
isMobileDevice:true and isPhoneScreen : true but there must be more that needs to be adjusted because this alone didn’t make a difference. My thought was to “hardcode” that it’s always mobile and let the theme take care of the rest, but clearly I’ve missed something.
Hi,
The mobile menu is not supposed to display on desktop, only on mobile. This is a similar topic where the menu is adapted to display on tablets
– https://forum.tagdiv.com/topic/show-mobile-menu-when-screen-width-is/
If you want it in general you could modify it like this
– https://www.screencast.com/t/eaERyCv9X0J7
Make tests and see if it works (modify it if needed), since this is not tested and may cause issues
– https://pastebin.com/rDqDjaBC
Thanks
Yes, is it possible to make for example like here https://endpts.com/ ?
Yes. That’s exactly what I’m looking looking for. Any suggestions on how to proceed?
It would be possible to center the logo with custom code, I would need to know the header style you are using, or a link to your website would me most helpful.
The menu in that website has an entirely different functionality then the mobile menu in the theme. The theme mobile menu opens in a modal window, not as a drop down like there.
You could do maybe something like this – https://www.screencast.com/t/GwxZrEULR9w
And reduce the modal widow width, but it will require more customization to make it look and work properly. This is the code for reducing the width and making the menu fixed when scrolling
.td-menu-mob-open-menu #td-mobile-nav,
.td-menu-mob-open-menu .td-menu-background {
width:20%;
position:fixed;
}
Use the browser inspector to identify the elements used and make modifications to them
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Is there a way to center the logo with the menu on both sides, like half on one side and half the menu on the other side?
@allenwinkler As I mentioned above, the mobile menu is not supposed to display on desktop. There is no design for it on desktop, it will have to be created custom. You will have to modify it greatly for something like that, if even possible.
