No items in cart

Changing background color of sticky header

Forums WordPress Themes Daylight Changing background color of sticky header

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

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

    tomatosoup TT Client

    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.

    #71248

    mihai Support Staff

    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

    #71499

    tomatosoup TT Client

    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.

    #71513

    mihai Support Staff

    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 must be logged in to reply to this topic.