[tomdkat]

Hi! So, we’re having an issue with the site navigation menu not working on mobile devices. The menu appears but some of our drop-down options don’t appear.

Here is a link to the site: http://www.birthandbeauty.com

The “Portfolio” and “Services” menus have custom links as drop-down menu options and they simply don’t appear, at all, on mobile devices. On a traditional computer, the menus behave correctly.

Any ideas on what could be the issue? We’re running Photofocus Pro 5.1.7 on WordPress 5.7.2, running on PHP 8.

Thanks in advance!

[tikaram]

@tomdkat: Login to your WordPress admin section. Go to Appearance => Customize => Additional css and add the following css.

@media screen and (max-width: 1200px) {
.site-header-menu .menu-inside-wrapper .nav-menu li button, button:hover svg, body.home nav.main-navigation ul.nav-menu ul.sub-menu li a {
	color: #ffffff;
	}
	.main-navigation a {
		color:#ffffff;
	}
}

Let me know if this helps resolve your issue.

Regards,
Tikaram

[tomdkat]

Hi! Thanks for the style rules! That made the drop-down arrows appear and now the sub-menus appear on mobile. I have some other tweaks to make, but this got me over the hurdle.

Thanks!

[Author]

Posts