Header Builder - Css question - sticky header jumping on mobile

[Pbalazs89]

Hi there,

I have a staging site here:

http://genedia.ethermedia.hu/

I’m trying to make a sticky header on mobile. The lucky part is, that the positioning seems to work fine on mobile. However, the issue comes up when I scroll from the bottom. The width of the bar changes, and I can’t figure out why.

Could you help?

Thanks!

[ruenel]

Hello @Pbalazs89,

Thanks for writing in! When I checked your site on smaller screens, I am only seeing this:

To better assist you with your issue, kindly provide us access to your site so that we can check your header settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
​
To know how to create a secure note, please check this out: How The Forum Works


Best Regards.

[Pbalazs89]

Hi!

Here you go. I checked on my iPhone and it appears like on the screenshots. I don’t know why you are seeing something different.

[tristup]

Hi @Pbalazs89,

The given credentials are not working, can you please check and send it once again.
NOTE: For security purposes, I have moved the credentials to the secure note.

Thanks

[Pbalazs89]

Hi, sorry about that! Updated the password inside the secure note.

[tristup]

Hi @Pbalazs89,

The following custom CSS code is the reason behind your issue, the code is written into your child theme, style.css.

@media screen and (max-width: 494px)
.x-masthead {
    width: 90%;
}

Please increase the width to 100% to get rid of this issue.

@media screen and (max-width: 494px)
.x-masthead {
    width: 100%;
}

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks