Menu labels are invisible; reappear when hover over with mouse

Discussion in 'Foogo Pro WordPress Theme' started by gloryous, Mar 6, 2016.

  1. gloryous

    gloryous Member

    Joined:
    May 25, 2012
    Messages:
    223
    Likes Received:
    8
    Greetings!

    I. LOVE. THIS. THEME! Foogo is quite impressive.

    I am, however, having an issue with the top nav bar: depending on which page you're on, the other menu labels aren't visible. The non-selected nav bar headings (to the right of the logo) are invisible until you hover your mouse over them. When you do hover, you can see dummy pages I created. [When on the Home page, the invisible nav bar headings are in RED.]

    MERGE-Home-Page-Missing-Nav-Headings.png

    Here is some custom CSS that I added ... taken from some other forum inquiries. There may be some conflicts that I've unknowingly created.

    #header .header-overlay {
    background-color: rgba(255, 255, 255, 0);
    }
    .top-header {
    background: white !important;
    }

    .fbtn.top-button {
    background-color: #aa0000 !important;
    webkit-box-shadow: 0 3px 0 #971b1b;
    -moz-box-shadow: 0 3px 0 #971b1b;
    box-shadow: 0 3px 0 #aa0000;
    }
    .building-btn a {
    background: #aa0000 !important;
    box-shadow: 0 3px 0 #3A3B37 !important;
    }

    I'll send admin access via email if you need that, too. It will be labeled "MERGE" in the Subject line.

    Thanks for your help.
    Glory
     
  2. priya

    priya Guest

    Hello, Glory..

    Greetings from InkThemes!

    Thanks for the details Glory..

    We will get back to you soon..

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. priya

    priya Guest

    Hello Glory,

    Have done the changes for this issue...

    Kindly check your site...

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  4. gloryous

    gloryous Member

    Joined:
    May 25, 2012
    Messages:
    223
    Likes Received:
    8
    Priyanka,

    Strangely, I'm not seeing any changes. All menu options -- with the exception of the page selected (in this case, the Home page) -- are invisible unless hovering the mouse over the location of the nav bar where the other pages should be.

    Are you seeing the entire nav bar when you're on the Home page? This is what I see:

    MERGE-Home-Page-Nav-Bar-Not-Displaying.png

    Thanks,
    Glory
     
  5. priya

    priya Guest

  6. gloryous

    gloryous Member

    Joined:
    May 25, 2012
    Messages:
    223
    Likes Received:
    8
    Priyanka ... Perfect!

    Would you mind telling me where the changes were made? ... and the code you used? I'd like to learn from this.

    Thank you!
    Glory
     
  7. priya

    priya Guest

    Sure Glory..

    I just added below code in styling option of your dashboard
    Code:
    .sf-menu a {
        color: blue;
    }
    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page