How to make my header info

Home › Forums › All Other Themes › How to make my header info

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 16, 2020 at 12:13 am #157158
    nahumpfrancisnahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    Member since: August 30, 2018

    Hello I would like to make my header info session sticky with the header while scrolling and change the background color of the headerinfo session to match with the header background.

    .head-info-area { position:fixed !important;}
    .header { position:fixed !important;}
    .head-info-area { margin-top:0px; margin-bottom:-20px !important;}
    .head-info-area {font-size:10px !important;}

    What am I doing is wrong here. My website is https://www.cloverdaledental.com/

    Please help me fix this.

    Thanks

    July 16, 2020 at 11:57 am #157217
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30977
    • Total: 30977
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .header_wrap {
    z-index: 999;
    width: 100%;
}

    Regards,
    Dave

    July 24, 2020 at 8:51 pm #157811
    nahumpfrancisnahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    Member since: August 30, 2018

    Thanks Dave. It worked.

    July 27, 2020 at 11:38 am #157996
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30977
    • Total: 30977
    Member since: August 16, 2013

    🙂

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.