Unlimited items in mobile web submenu

Hi

You can do the following by adding the following css in the theme’s style.css file, but I would suggest you to make the changes using child theme, so that this change and any other changes made further will remian preserved even after theme updates.

#main-navigation > .sf-menu > ul {
    overflow: visible;
}

The above will show all the submenus.

But if you want to add a scroll to the previous height, add this

#main-navigation > .sf-menu > ul {
    overflow: scroll;
}

Hope it help!

Thanks

Hi Maruti,

Thanks for the reply and help. Unfortunately I haven’t gotten it to work. In the style.css it now looks like the below (lines 427-444). Does that make sense or did I misunderstand it?

#main-navigation > .sf-menu > ul {
    overflow: scroll;
}
#main-navigation .sf-menu > ul > li:after {
	width: 6px;
	float: left;
	margin-top: 16px;
	content: "/";
	display: block;
	color: #e6e6e6;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	}
#main-navigation .sf-menu > ul > li:last-child:after {
	display: none;
	}

Thanks

Hi

Please add the css code I have suggested at the bottom of the style.css file or add it using child theme.

Thanks

Hi,

Thanks a lot for your efforts! This worked fine. However, it seemed to cause another problem. The menu seems to always be visible now, but with white background. Do you know what could be done to fix this?

Thanks again for your great support!

Hi Linda,

Your website is looking great!

A bit unrelated to the thread, but I noticed that you managed to insert a header image (your logo) which adjusts for the mobile site perfectly (all whilst still being centered!)

Are you able to share you custom css or method with me?
I have been struggling for weeks with it!

HUGE thank you in advance and cool that you’re also in NL!

My site is https://wheninutrecht.com/