Hello,

What header style have you selected? Can you please send us some valid wp credentials?
So we can give it a closer look.

Best regards!

Hello,

To add some valid WP credentials in your profile data extra fields please read this article.

Let us know.
Best regards!

Hello,

Well, the header will change when you change the screen width because theme is responsive and it will adapt to the new screen size. Try adding this code into your Custom Css menu in Customize > General > Custom Codes > Custom Css:

@media (max-width: 991px){
.header_container.cl-header-topnav-mobile .top_nav.header-row .header-col {
    width: auto !important;
    top: 68px;
}
}

Result screenshot: https://postimg.cc/image/akm1tbxyv/
Let us know.

Best regards!

Hello,

The header is adjusted when the width is changed, so it can’t be exactly the same in desktop and mobile.

Please add the css code below so the header doesn’t cover the home page content at mobile:

@media (max-width: 992px){
.cl_media.position_stretch .inner {
    top: 100px;
}
}

Let us know.
Best regards!

Hello,

In what screen width did you take the screenshot? As previously mentioned, the header and every element in the site will flow and reposition in according to the screen width. That makes a site responsive. The devices used today have a pre-defined screenwidth and these are the dimensions used from developers when customizing the responsive view of the theme.
The basic pre-defined screen widths are 480px / 767px (mobile profile and landscape) & 979px / 1024px (ipad profile and landscape)
You can see more here: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Every css is wrapped inside a@media rule to target only the specified screen width. What screen width/ device is the screenshot taken?

Let us know.

Best regards!

Hello,

Can you please be more specific? You can change the header style, by easily importing another of the available headers, using the Setup wizard. There is no need to add any code to header.php file directly.

Or did you change this file already and therefore can not import another header demo?

Let us know.

Best regards!