Okay
  Public Ticket #2696498
How to reduce the height of the Secondary Header Bar to only be 30px height?
Closed

Comments

  •  3
    soulsurf started the conversation
    February 19, 2021 at 11:54am

    Hello, can you please help me to reduce the height of the Secondary Header Bar to only be 30px height?

    2nd, how can I add independent menu items to the right? This will be an alternative to move the two links from secondary header bar to the right in main navigation bar. 

    Thanks!

  •   soulsurf replied privately
  •  2,961
    Andrew replied
    February 19, 2021 at 5:04pm

    Hi There,

    1. Please send your website url so that we can provide a possible css for the secondary header height.

    2. Please head to Appearance > Menu > then create menu items after which, check the checkbox at the bottom of the menu section as shown below:

    8530701450.png

    Then add this css for them to float to the right:

    #header-secondary-outer ul {    float: right;}

    Thanks.

  • lucasg321 replied
    March 10, 2021 at 5:36pm

    Hi ! I have a display bug with the Secondary Header Bar : the bar goes over the text and the text does not go down automatically as it is the case with the logo though. Anyone can help me ?

    Problem found at lefastphone.fr in the mobile view only.

  • lucasg321 replied
    March 10, 2021 at 5:36pm

    Hi ! I have a display bug with the Secondary Header Bar : the bar goes over the text and the text does not go down automatically as it is the case with the logo though. Anyone can help me ?

    Problem found at lefastphone.fr in the mobile view only.

  •  8,847
    Tahir replied
    March 10, 2021 at 6:33pm

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 690px) {
    .first-section .divider {
        height: 80px !important;
    }
    div#header-outer {
        transform: translateY(0px) !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • lucasg321 replied
    March 10, 2021 at 7:04pm

    thank you, but I set your custom css code and the problem is after that I set the standard header, the space is too big...

  • lucasg321 replied
    March 10, 2021 at 7:16pm

    thank you, but I set your custom css code and the problem is after that I set the standard header, the space is too big.

    I enable often a secondary bar but only for special days, holiday...

  •  8,847
    Tahir replied
    March 10, 2021 at 7:26pm

    In that case only add the CSS when you show the header text.

    Thanks

    ThemeNectar Support Team 

  • lucasg321 replied
    June 1, 2021 at 2:17pm

    Hello Dear, please can you tell me how can I change the font color of the second header ?

  •  1,878
    Judith replied
    June 1, 2021 at 3:44pm

    Hi There,

    Please try this css:

    #header-secondary-outer {
        background-color: yellow;
    }

    Thanks.