Back to top

Affiliate Link: Interested In a Useful Tables For Amazon Products and More? Check Out:

Amalinks Pro

Mobile Sub Menu Items Show as Grey

Featured Tiles
As an Amazon Associate we earn from qualifying purchases made on our website. If you make a purchase through links from this website, we may get a small share of the sale from Amazon and other similar affiliate programs. You can read our complete legal information for more details.

This came up today and it appears when the menu system goes more than 2 unorganized lists deep that the default code sets the list to be at -999em which is off the website.

Using the Custom CSS below will move the text back into the menu to be able to see it without issue.

/* Portrait and Landscape */
@media only screen 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.main-navigation ul ul ul {
    left: 0;
    top: 0;
}
}

Before (Example Issue)

Mobile Sub Menu Items Show as Grey

After (Changing Left Value)

Mobile Sub Menu Items Show as Normal

If you find a post helpful and feel like rewarding my effort with the price of a beer, please donate here

About Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals! Read More About Me...

My Posts | Website

Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals! Read More About Me...

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Content