Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 3, 2021 at 8:41 pm #285713
    tomdkat
    Participant

    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!

    July 4, 2021 at 8:21 am #285738
    tikaram
    Participant

    @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

    July 4, 2021 at 1:00 pm #285743
    tomdkat
    Participant

    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
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Help needed with navigation menu not working on mobile devices’ is closed to new replies.