Drop Down Menu on Atmosphere theme not working on mobile devices

[designerblogs]

I'm using the Atmosphere theme.

When viewing my site on my phone, the drop-down menu under the Services tab does not work. Link to site is here: http://www.speedytowing.com.

The drop-down works fine on my desktop, just not when I try to use the drop-down on my phone.

I'm also wondering how to make the Services menu link unclickable so that only the drop-downs under that Services tab are clickable.

http://www.speedytowing.com

[Christoph]

Hi,

the drop-down works, you just have to click on the arrow down symbol which does not show if you don't hover over it...

To make it visible right away you can add color: #000; around line 1758 of the style.css:

.menu-toggle, .sub-menu-toggle {
    border-width: 0px;
    background-color: #FFF;
    display: block;
    margin: 0px auto;
    overflow: hidden;
    text-align: center;
    visibility: visible;
    color: #000;
}

In Appearance - Menus you can remove the services page from the navigation and add a custom link in its place. As URL you can use the # symbol and as Navigation Label 'Services' .

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[designerblogs]

Thank you so much for the help! This fixed both issues.

[Author]

Posts