Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #2881705
HEADER MENU-COLOR-DETAILS
Closed

Comments

  •  2
    Gerald started the conversation

    Hi,

    I’m in the Charity Theme and I refer to the following thread where you helped me fixing the color-issue regarding the Header-Area : 

    https://codexthemes.ticksy.com/ticket/2881313/

    There, you mention this ATTACHED FILE, which points to the color-settings for the navigation/menu :  Selection_999(756).jpg

    Now, I understand how these settings are responsible for the look of the menu at this point, when the page appears, as shown by this screenshot :
    - 2021-09-27_WP_THEGEM_HEADER_MENU-COLOR-DETAILS.49.1.png

    But I don’t see which settings are responsible for the look of the navigation, once I start scrolling (here the navigation turns to black):
    - 2021-09-27_WP_THEGEM_HEADER_MENU-COLOR-DETAILS.49.2.png

    a) Can you help me to identify where the black comes from ?
    … the black and the other color-states (for I’d like to edit the Hover-Blue)

    b) Can you detail which settings are decisive for the menu-color white to turn black, when I start scrolling the page ? 

    c) When the navigation/menu-color turns from white to black because of scrolling, it seems that the height of the Header-Area suddently shrinks. I think one factor is that I opted for a smaller logo, once the page starts scrolling. 

    Is there any possibility to let the smaller-logo+small-height-Header-Area appear only/just at the moment the last pixel-line of the top-area disappears at the top? … so, the navigation would remain white on transparent till this point.

    Not sure if that would work with the standard setting-options or with additional css – ? –

  •  7,121
    Oliver replied

    Hi,

    a) b) Menu item colors you can change here:

    http://onvaplanterlegland.fr/wp-admin/admin.php?page=thegem-theme-options#/menu-and-header/typography

    c) Try this one:

    #site-header .site-title {
        padding: 15px 0 !important;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  2
    Gerald replied

    Thanks for your feedback, Oliver,

    Regarding a) it looks like those blue lines on submenu-level don’t inherit the other blue I set up ( 30C2FC ) … there’s a spread between both blue-tones:
    - 2021-09-28_WP_THEGEM_SUBMENU-COLOR-ISSUE_VERTICAL-LINE.49.1.png

    Is it a setting-issue or a css-issue ?

    :)

    G

  •  7,121
    Oliver replied

    HI,

    CSS code:

    #primary-menu.no-responsive li li:hover a {
        border-color: #000 !important;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver