Sticky Header Color

I changed my header to a Sticky Header on T4.

However, when the Sticky Header is enabled it changes the header to white.

How to I change the color for the Sticky Header?

I reviewed other threads on the subject but they did not work.

Any assistance on the matter would be greatly appreciated.

I updated this custom CSS into your site: /templates/t4_bs5_blank/local/css/custom.css

.not-at-top #t4-header.t4-sticky {
    background-color: #1a61ab !important;
}

You can change the color as you wish.

Yes, I confirm that code worked.

However, the Sticky Top header does not work on mobile portrait; but it does work on mobile landscape.

Is this the expected action?

Thanks for the 5-Star support.

joecan Could you share the URL + super admin account of your site? I will check directly for you.

Yes, I added the information in the fields in the first post.

To test:

I notice that the sticky works on landscape, but does not work on portrait.

*You need to login as administrator to view homepage as website is 'offline'.

I added this custom CSS into your site:

@media (max-width: 575.98px){
div#t4-header.t4-sticky {
    position: fixed !important;
    width: 100%;
}
}

Kindly check.

Yes, that code worked.

One question, I need to give a title for each of my CSS codes.
Not sure how to do it.
I think it is something like:

//Title Here
Code Here**

In CSS, the comment should be:

/* Your title here */