website header changes on shop page

Greetings of the day,
I am using black Friday default header and I have changed it according to my design needs, I want to overlap the header and I have achieved this through header settings but on shop pages header becomes full width and its not overlapping the content I just want whole website with same header like homepage please check the given website homepage and shop page.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue. If you want to change background image in the future, try to change it URL in the following custom code.

.website-wrapper {
	background-image: url(https://beta.khalispur.pk/wp-content/uploads/2021/10/background_image.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) {
	background: none !important;
}

.main-page-wrapper {
	background: none !important;
}

Kind Regards

[Author]

Posts