itsdavidmorgan

Do you have a link to your site? Are you sure you’ve targeted the correct id in CSS?

Also, note the differences in my code. ??

The easiest solution for this would be to decrease the length of the menu items. For example, instead of “Crystals & Energy,” just use “Energy.”

In addition, you could target the menu sizes, such as this:

.jqueryslidemenu a {
    font-size: 11px;
    padding: 0px;
}
.jqueryslidemenu li {
    padding: 6px;
}

If you want to keep the logo the same size, you’re going need to decrease the size of the menu.

Hope this helps!

This is a theme related issue. You could try using the Mobile Theme setting in the Jetpack plugin to have a more mobile friendly theme.

If you’d like to target the menu colors specifically for mobile, you could try adding something like this to your stylesheet:

@media handheld, only screen and (max-width: 767px) {
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a {
color: #ff0000;
}
}

Thanks!

It sounds like you could accomplish this using Categories and the Custom Menu.

Try creating categories for each state, then apply those categories to the appropriate posts. Then, within Appearance > Menus add the categories to your menu as secondary menu items for “State by State.”

Hope this helps!

Try this:

@media handheld, only screen and (max-width: 767px) {
#featured-slider {
display: none !important;
}
}

Thanks!