Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

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,280
    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,280
    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