Main Menu Font Color

  • Posted in : Efor
  • MLaw
    Participant

    I have read the documentation and scanned the forum but nothing is standing out.
    Using Judy West template that comes with a photo background behind the menu on the home page.
    Client wants white background on homepage but menu font and social media icons remain white (reversed out of background image).

    I tried following the instructions here and lost the the templates settings, site identity, social icons, etc… https://elementor.com/blog/custom-navigation-menu/

    Please advise. My goal is to get back to the ribbon dropdown and menu bar with logo and icons all in one row.
    My site is not associated with a URL yet, just: https://ih4.bc0.myftpupload.com/
    Thank you in advance for your direction.
    Marie

    serkan
    Moderator

    Hi Marie,
    If you haven’t made too many changes on your theme, I recommend deleting the demo site and uploading the demo content again. This is how we can revert to the fastest menu settings. Social icons come from the widget settings.
    Please keep me updated.

    MLaw
    Participant

    Yesterday, I tried reloading the demo content but that didn’t do anything to the menu. Deleting is not my favorite choice. Is there a thread of code that I could add to retrieve the ribbon drop-down in the menu? In elementor Pro I imagine I’m able to add the social icons, search, and cart back in with the color palette of my choosing.

    Does this sound like a reasonable solution? If so, please instruct.

    Thank you very much.
    Marie

    MLaw
    Participant

    Couldn’t achieve what I was hoping, so I reset the site and re-imported the Judy West demo. The first think I did was to go change the color of the menu font… Customize>Header>Menu>…It only lets me set Light or Dark for Menu Text Color. Nothing changes when I toggle bx the two. My goal is to have a dark font over a white background. All the other edits work – Hover, Active, etc… Please advise.

    MLaw
    Participant

    Watching this tutorial, I added thge css below as a test, but it did nothing.
    https://youtu.be/Bb8qlgnMkpo?t=511
    Changing the margin on the Hero section was encouraging, but the section with the nav menu is not editable. All is fine if the visitor scrolls up and the “stick” menu appears, but I can’t find where to successfully change the color of the menu font so it appears when the site opens up. Please advise.
    Thank you.
    Marie

    selector.elementor-sticky–effects{
    background-color: rgba(0,32,178,0.95)!important
    }

    selector{
    transition: background-color 1s ease !important;
    }

    selector.elementor-sticky–effects >.elementor-container{
    min-height: 60px;
    }

    selector > .elementor-container{
    transition: min-height 1s ease !important;
    }

    serkan
    Moderator

    Hi Marie,
    If you provide me your wp admin details via our private content box below, I will try to fix your menu issue.
    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register