hero image

Changing background color of sticky header

Home Forums WordPress Themes Daylight Changing background color of sticky header

Forums WordPress Themes Daylight Changing background color of sticky header

PLEASE NOTE A RECENT CHANGE:
The forum is read-only. Please submit any support request here.

This topic contains 3 replies, has 2 voices, and was last updated by  mihai 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts

  • tomatosoup
    Client
    TT Client
    #71219

    I’ve enabled sticky headers globally. Currently, the header is transparent. When the user scrolls down, the header becomes sticky and the header background turns purple. I want to change the purple header background, while still retaining the transparent background when the user hasn’t scrolled down from the page yet.


    mihai
    Client
    Client
    #71248

    Hi there,

    You can change the sticky header background color using Custom CSS (add it to the Custom CSS field from our framework):

    header.sticky.fixed {
        background: red !important;
    }
    

    Best Regards


    tomatosoup
    Client
    TT Client
    #71499

    Hi Mihai,

    Thanks so much for your help! That worked perfectly. I have another similar change that I would like to make, and was hoping you could help me out.

    I want to add a line of text onto the header navigation. The header navigation already automatically includes Pages, but I want to manually insert a phone number that will always be visisble on the header. I would like this phone number to be (1) inserted to the right of the existing navigation in the header, and (2) formatted exactly the same way that the text (i.e. Page links) in the navigation bar are formatted.

    Thanks so much, Mihai! I submitted a copy of my WordPress/FTP credentials in my initial post.


    mihai
    Client
    Client
    #71513

    Hi there,
    We have added a custom menu item with the phone number on it.
    If you want to order some customization work that will imply the theme files changes, please contact our paid customizations service WPmatic https://wpmatic.io/
    Best Regards

Viewing 4 posts - 1 through 4 (of 4 total)

~You are in good company!~