Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 28, 2018 at 12:58 pm #1002658
    Levante Golf

    Hi,

    The text colour on the small bar above the main menu on smaller mobile screens is showing in white whereas on larger screens it´s showing in black (which is how I need it to be) and I can´t see why. I´ve tried removing ALL custom css and the problem is still there so I don´t think it´s anything I´ve changed.

    It´s causing a problem as the active page shows in white so when on one of these pages it isn´t obvious that this is the page that you´re on. I´ve tried going into advanced styling > small bar above main menu > font colour – black but it has no effect on mobile screens.

    Help would be very much appreciated.

    Thank you

    August 28, 2018 at 12:59 pm #1002660
    Levante Golf
    This reply has been marked as private.
    August 28, 2018 at 3:50 pm #1002733
    Nikko

    Hi ProTravelGolf,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #header_meta a {
    color: black !important;
}

    Hope this helps.

    Best regards,
    Nikko

    August 28, 2018 at 5:18 pm #1002767
    Levante Golf
    This reply has been marked as private.
    August 28, 2018 at 6:50 pm #1002789
    Jordan Shannon

    Hi,

    Can you provide a screenshot of what you are seeing so I can understand better what you need changed?

    Best regards,
    Jordan Shannon

    August 28, 2018 at 7:06 pm #1002799
    Levante Golf

    Jordan,

    I´m afraid I can´t provide a screen shot as the page isn´t reacting as I need it to. I have main menu 2 positioned within the enfold child secondary menu which is above the main menu at the top of the screen. On larger screens the background is green and the text is black and then changes to white when that menu option is the active page or when the mouse is hovering over that menu item. However on the mobile screens the background is green but the text is white and then doesn´t change colour when the page is active.

    Thank you for your help!

    August 29, 2018 at 9:37 pm #1003268
    Basilis

    Hi,

    It is a bit hard for us to understand from how you are explaining things, I think we do need something else, so we can be able to move forward…

    Best regards,
    Basilis

    August 30, 2018 at 8:22 pm #1003780
    Levante Golf
    This reply has been marked as private.
    August 31, 2018 at 11:58 am #1004041
    Nikko

    Hi ProTravelGolf,

    Can you try adding this code below the code I gave:

    #top #header_meta .current-menu-item a {
    color: white !important;
}

    Let us know if this helps.

    Best regards,
    Nikko

    August 31, 2018 at 5:56 pm #1004179
    Levante Golf

    Nikko,

    Brilliant! Thank you very much. I ended up adding the following code which got it working exactly as on the laptop:

    #top #header_meta a {
    color: black !important;}
    #top #header_meta ul:first-child > li > a:hover {
    color: white !important;}
    #top #header_meta .current-menu-item a {
    color: white !important;}

    Thanks again!!

    September 1, 2018 at 1:27 pm #1004345
    Vinay

    Hi,

    Glad this is sorted for you! Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Small bar above main menu text colour on mobile’ is closed to new replies.