Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #653018

    Hello – this is my first post, so please, be gentle.

    I have built a site using Enfold and while testing it on mobile, the mega menu doesn’t seem to be displaying any text. See site in private content.

    Any help is greatly appreciated.
    – Alex

    #653139

    Hey Alex,

    Thanks for getting in touch with us!

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #mobile-advanced .mega_menu_title {
        color: #FFFFFF !important;
    }
    

    Best regards,
    Jordan

    #653731

    Hi Jordan

    Thanks for the reply.

    I have added the code in both places and it hasn’t worked. Do you have another suggestion?

    Many thanks
    Alex

    #655072

    Hi,

    You have this css code which applies the color #00000 to the mega menu title:

    #mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
        color: #000000;
        border-color: #cccccc;
    }

    Place it inside a css media query:

    @media only screen and (min-width: 989px) {
      /* Add your Desktop Styles here */
      #mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
        color: #000000;
        border-color: #cccccc;
      }
    }
    

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.