Okay
  Public Ticket #1924023
Problem with text color in mobile menu
Closed

Comments

  •  13
    Ramona started the conversation

    Hello,

    I have a problem with the site menu in the mobile version. When I go to a menu page and then come back to the menu, the page text is white and no longer visible because the background is white too. For example, if I choose to enter in a category in the menu, being a page too and returning to the menu, all submenus in that category have the text white.

    I tried to see if the problem is in CSS, but we did not manage to figure it out. Please, can you help me if there is a problem from the theme or tell me where do I make the change to be ok the menu on the mobile version too?

     

    thank you

  • [deleted] replied

    Hi Ramona,

    You are using an old version of our theme 2.7.5.1, the latest version for the moment is 2.8 (read release notes), please update your theme first and then the premium plugins too.

    After you update the theme, there is a chance that we also updated some of the plugins that we offer. To update those plugins to the latest version that we support, just go to Appearance > Install Plugins.

    Then we will check your question again.

    Thanks!

  •  13
    Ramona replied

    We have installed the update, but it still doen't work. What should we do next?

    Thanx

  •   Ramona replied privately
  • [deleted] replied

    Hi Ramona,

    I tried to replicate your problem but the same problem is not happening to me. Can you please record this behavior so I can see it and try to replicate the same so I can debug this?

    Thanks!

  •  13
    Ramona replied

    Please see the attachement

  • [deleted] replied

    Hi Ramona,

    Sorry but still I can't understand what you are doing that this problem is appearing. Can you please record everything that you are doing so I can see what is causing the problem and try to help you.

    Also, a lot of problems can happen because of any third party plugin, so you please disable all your third-party plugins (plugins that don't come with our theme) one by one, and check if this problem is solved.

    https://www.youtube.com/watch?v=sUI-XUD6WUYd

    Thanks!

  •  13
    Ramona replied

    I tried the mobile look. It's the same on mobile phone. I reduced the dimension to be exactly like on mobile.

    I go to the menu and  there are titles that have white color and they are not visible.

    Under Firma instalatii sanitare you can see some spaces. That is because the text is white on white. We need to change the color of the text only on mobile, but we don't know where we can find that element to make it white.

    Also, i go to Instalator sanitar Bucuresti and select a page in that category. You can see all the pages.

    I select Instalator sanitar Sector 1 and click on it.
    That takes me to that page.
    I check the menu again, but i don't see that page in the menu any longer.

    Then i go to a different page that i can see in the menu: Instalator Sanitar sector 5.
    I land on that page and check the menu again. Surprize! I cannot see that page in the menu any longer eather.

    I hope it's clear now and you can solve the problem.

    Thanks.


  • [deleted] replied

    Hi Ramona,

    Thank you very much for your reply and sorry for taking this long because I didn't saw your first menu.

    Problem is now solved (see video), the code was coming from the Custom CSS area so I commented that code.

    Have a great day!

  •  13
    Ramona replied

    Hello,

    Please check before you answear, because you broke other elements in the menu. Please see the black item in the menu, it should be white. And on the mobile, the parent element has a blue background and the text should be white. But now it's gone. Please solve the problems without changing anything else. And before you answear, please check for other posible errors.

    I think we should have a different code for mobile and desktop so we could change the color only for one of them.

    Thanks.

  • [deleted] replied

    Hi Ramona,

    To be fair I  didn't expected a response like this from you.

    Anyway, I added the code below to your Custom CSS area:

    .mobile-menu-wrapper .mobile-menu-container ul.menu>li ul a span {
        color: #000 !important;
    }

    It should fix your problem.

    Can you please check it?

    Thanks!

  •  13
    Ramona replied

    Hello,

    It seams ok now. Thank you for your help.


    Have a great day.

  • [deleted] replied

    Hi Ramona,

    I'm soo happy to hear that, and I'm sorry that this ticket took some time for me to understand the problemsmile.png

    I wish you an amazing weekend!

    P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.

    A huge thank you from me and Laborator in advance.

  •  13
    Ramona replied

    I gave your theme 5 stars and a review, but i cannot see it. Perhaps it was held for moderation.

  • [deleted] replied

    Hi Ramona,

    Yes I can see it, thank you very much for your great rating and commentsmile.png

    Have an amazing weekend again!

    Will set this ticket as solved from here.