Parallax Pro Mobile Hamburger Menu Issue

[jbendiner]

For some reason the hamburger version of the menu will not display on mobile devices (ipad or phone) UNTIL I hover over the header with finger of mouse. So when someone loads the site there is no menu showing. My desktop header menu works without any problem and I am using the native Parralax menu, no third party plugin. Any suggestion how to address this?

http://www.newwebsite.technologix.ca

[sangfroidweb]

Hi there!
On line 1997 of the stylesheet, the color for the menu toggle button is set to white (#fff). You just need to change the color declaration to something darker that shows up against the white background. Here is the CSS from line 1997:

@media only screen and (max-width: 860px) {
.menu-toggle, .sub-menu-toggle {
background-color: transparent;
border-width: 0;
color: #fff;
display: block;
margin: 0 auto;
overflow: hidden;
text-align: center;
visibility: visible;
}
}

Change where it says "color: #fff;" to something darker like "color: #0f0f0f;" (or whatever color you like).

Hope this helps!
Thanks!
Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[jbendiner]

Liz,
Problem solved.
Much appreciated!
Best regards,
Jerry

[sangfroidweb]

Great! Glad to be of help. When you have time, be sure to mark the topic as 'Resolved' if no further issues.
Thx!
Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[Author]

Posts