Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 10, 2016 at 4:41 pm #562734
    sshattersley

    I’m currently using a transparent header menu with white text on the Enfold Church demo theme. However when I click on a menu item (e.g. About Us), on the new page, the menu item title isn’t visible. Is there a way to fix this? It happens on any menu item clicked.

    Here is an image of the homepage: http://i.imgur.com/2vuLs1R.jpg
    Here is the an image after you click on one of the menu items: http://imgur.com/L4x3qF9

    January 10, 2016 at 8:44 pm #562802
    Basilis

    Hey sshattersley!

    Please add the following to your CSS

    .av_seperator_big_border .av-main-nav > li > a:active {
color: #000;
}

    and let us know if it works properly for you

    Cheers!
    Basilis

    January 11, 2016 at 2:47 am #562852
    sshattersley

    Hi Basilis,

    Hmmm it doesn’t seem to fix it.

    January 11, 2016 at 10:18 am #563019
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .current-menu-item a .avia-menu-text {
color:red !important;
}

    Thanks,
    Rikard

    January 12, 2016 at 8:33 am #563725
    sshattersley

    Hi Rikard,

    Thank you for the fix. That does correct the problem however we’re not really keen on the red color.

    I noticed that if you click on the “events” tab on the site, the text and everything remains. Is this any clue to what we can fix?

    I have undone the css fix to see if anyone can figure it out.

    • This reply was modified 8 years, 12 months ago by sshattersley.
    January 13, 2016 at 5:21 am #564329
    Rikard

    Hi,

    Red was just an example, you can change it into anything you like. What colour would you like instead? You can try this using your primary colour instead:

    .current-menu-item a .avia-menu-text {
color:#719430 !important;
}

    Regards,
    Rikard

    January 14, 2016 at 8:01 am #565230
    sshattersley

    Hi Rikard,

    Thank you for getting back to me. We would actually just like to disable the font changing colors when you’re on that page. Please see the photos here to see what we mean: http://imgur.com/a/jhAdS

    As our primary menu font color on the frontpage is white, it’s becoming invisible on pages you click on from the menu.

    January 15, 2016 at 7:22 am #565964
    Rikard

    Hi,

    Please try the following CSS:

    #menu-item-557.current-menu-item {
color: #333333 !important;
}

    Regards,
    Rikard

    January 16, 2016 at 4:50 pm #566544
    sshattersley

    Hi Rikard,

    Hmmm it’s still not fixing the issue. I have included a short screen-capture video to show and explain the problem a little bit better. Please let us me know if there is still a way to fix it.

    January 16, 2016 at 7:03 pm #566565
    Basilis

    Hey!

    I am not sure, but the issue is that the menu does not stay transparent on other pages than the main one?

    Cheers!
    Basilis

    January 17, 2016 at 1:47 pm #566782
    sshattersley

    Hi Basilis,

    No, we’re looking for the menu item titles to not change colors when you are “in” that page. So for example, when you click on the About Us page, the About Us text on the menu item turns a different color, to let you know you are currently on that page. The text however changes to be white, which makes it invisible (because the background button is white). We’d like the text color to not change when you have clicked on a menu item, like how the Events page does not change it on our site example.

    January 19, 2016 at 8:37 am #567686
    Vinay

    Hi!

    Please check the site we have fixed the menu.

    If you have any other issue please let us know…

    Thank you for using Enfold :)

    Best regards,
    Vinay

    January 20, 2016 at 7:24 am #568406
    sshattersley

    Hi Vinay!

    It works! However, now the Mobile version’s menu is white and is almost invisible. Is there a way to make just the mobile version retain the same grey-blackish text color as in the demo?

    Thank you Vinay!

    January 21, 2016 at 2:33 am #569052
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title, #mobile-advanced .avia-menu-text {
    color: #9c9c9c!important;
}

    Cheers!
    Yigit

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