Can't make CSS changes to child mobile menu

Hi there,

I tried that and got no results. So for now I made the change directly on the original theme files, but I don’t like it. :)

Hi there,

Here is the simple css:

#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
  color: #808080;
  border-color: #e6e6e6;
  text-transform: uppercase;
}

I wanted to make a few changes. They don’t seem to work.

I wanted to remove the scale movement of the mobile nav. Change to uppercase and bold. It’s also difficult to change the icons for the menu and to close the menu.

Hi all,

I’m bringing up another issue with making simple design changes on the mobile version using the child theme. Something as simple as changing the slider title size can’t be done without changing the shortcode.css file.

@media only screen and (max-width: 767px) and (min-width: 480px)
.responsive #top .slideshow_caption h2 {
  font-size: 20px !important;
}

Since the code above has an “!important” value, I can’t make the changes in the child theme. Something to consider.

There are two websites I’m currently working on. The first is dialoguesincubanart.org which I made the changes needed for mobile on the actual theme since the child theme changes did not work. And now I’m working on http://alliemunroe.flywheelsites.com/ where I can’t make the change to the slider title.

I would be great to have these child theme issues resolved to better streamline any future updates to the theme. I think you all have a solid theme with Enfold and these small improvements would make it even better.

Thanks!