Boxed header when scrolling down with sticky header

Hi support,

I’m looking for a way to make the sticky header stay boxed.
If i’m scrolling down the page it goes from boxed to full width. How do I change that behavior?

My settings (see screenshot)

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, there is no option in theme settings available to make the sticky header boxed.

You need to add the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.whb-sticky-header.whb-clone.whb-main-header.whb-sticked {
width: 1000px;
left: 185px;
}

You can adjust the width accordingly.

Best Regards.

Hi Aizaz, unfortunately your code is not working.

Please see the test site.

Hello,

Can you please send me the WP admin login details of your site so I will check and give you the correct Custom CSS code.

Best Regards.

[Author]

Posts