Menu not showing on mobile device

Support
#1

Hi There,

i just recognized, that the menu of my website is not showing on mobile devices.
On another website i just finished it is working fine.

Both of them have the latest version of Pro Theme and Ethos stack and also the same headersettings in the customizer.

On this site its not working: https://schmidt-photo.com
And here everything`s fine: http://amsc-sail.de/

Do you have an idea, what might be wrong?

Thank you very much!

#2

Could this possibly have been a caching issue? I’ve checked the site (https://schmidt-photo.com/) and it’s working ok for me.

#3

Hi,

thanks for your answer! What do you exactly mean with caching issue?
I did empty all caches, enabled W3 plugin, but still it doesn’t work on all my computers and mobile devices.

#4

Hi There,

I’ve just tested on my iPhone 7 and it’s working fine:

Could you please tell me which browsers and devices you’re using?

Thanks.

#5

Hi There,

thanks for testing!
After i did empty all caches i just tried in safari, firefox, Chrome and on my iPhone 4s. It`s working with none of them…
The AMSC Site does…

I have no idea, what could be wrong…

#6

Hi there,

I double check with Safari, Firefox, Chrome and iPhone SE and it is working on all devices. But the problem is that the color of the Hamburger menu icon is very similar to the background:

Go to the Navigation Collapse element that you added to the mobile menu and click on the Toggle tab:

Go to the Graphic Toggle section and change the toggle color to something more visible:

If you still have problems kindly get back to us with the URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thank you.

#8

Thanks for checking!

I don’t use Pro Header for my site, just the regular header in order to be able using Breadcrumps .

So, here is no possilbility to change colors of the burger, as you described in the screenshots, or at least i don’t find it.

I did send my credentials in a secure note.

Thanks for your help!

#9

Hey @bernbeam,

Please add this code in Appearance > Theme Options > CSS.

.x-btn-navbar.collapsed:hover {
    color: black;
}
.x-btn-navbar.collapsed {
    color: red;
}

.x-btn-navbar:hover {
    color: blue;
}

You can change the color values per your design.

Thanks.

#10

Hi There,

that helped, thank you very much!

#11

You’re welcome.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.