Ambiance Pro Theme

[laudeamus]

https://www.bagatellen.com/blog

Can someone please tell me how to avoid the mobile menu icon on desktop devices? I want the full menu displayed without having users click.

Thanks!

https://www.bagatellen.com/blog

[laudeamus]

I did a rough css fix with the following, but I'm wondering if there's a better way - especially since I still want the responsive hamburger icon to show up on mobile devices.

#menu-primary {
display: block !important;
}

#responsive-menu-icon {
display:none !important;
}

[Terry]

Morning,

One approach is to add the following css... Something like below:

.responsive-menu {
	display: block;
}

#responsive-menu-icon {
	display: none;
	
}

@media only screen and (max-width: 980px) {
.responsive-menu {
		display: none;
	}
	#responsive-menu-icon {
	display: inline-block;	
}
}

You may also need to tweak the css for your menu.

Hope this helps,
Terry

[Author]

Posts