I have three submenus off my main menu. One of these three are not being responsive and extends off the screen on my phone. I have this parent item set to 2 columns, group = no, and Submenu Column Width = 320. I've tried removing the submenu column width as well as setting the content type to different things for the children of this parent but it doesn't help.
HI Jereme,
I checked your problem.
I think on the phone, you should type dropdown menu displays it nice and easy to use for users. Your menu has many menu items and photos, to the screen as how it can be properly responsive.
I edit config Responsive Menu: Yes (in tab module) and
add css
#jsn-menu div.jsn-modulecontainer{
width: 100%;
}
in config custom css tab advanced
hope help you
Thanks!
Thanks, but I don't want the mobile menu to be a dropdown, I want it like I had it. Besides, when you changed it to responsive, the menu no longer displays on the phone, please look after you made your changes.
You say I have many menu items and photos, but I only have 17 items and 2 photos - much less than your demo, so I don't understand why that is a factor. The other two parent items (perks and more) are responsive, just not the 'our inns' item.
HI Jereme,
Because it coincides with the background white of you. If you really want to display as the original. we will try to help you custom css again.
But I see you chose so unreasonable. on the mobile area is too small to contain a lot of information in a region
Thanks!
Thank you. Yes I would like to keep the mobile area using the full menu. I don't know why you would need to use custom CSS as it should work out of the box, but if it is required that is fine.
Submenu not being responsive
