Pro sticky header resizes on scroll back

[amitmalhotra1]

Hi There, I am working on a client website - https://gurgaonbranding.com/nipposh/
Using Pro them with sticky header. Everything works fine, but here is a small issue which I am not able to figure out. When I scroll down it works fine, but when i scroll upwards, header width shortens. Why is it happening?
Attaching screenshots. I am using relative position for header. Have also tried absolute, still same…

Thanks
Amit

[tristup]

Hi Amit,

Thanks for reaching out.
I have checked your website and found that max-width of 96% is set when scrolling back. It might be due to some custom JavaScript code or 3rd Party plugin.

I would like to suggest troubleshooting the following common issue to help us to recognize the reason.

1.Theme Related Issue
2.Plugin Conflict
3.Theme Update related issue
4.CSS/JS Customization
5.Disabling Cache
6.Disabling CDN

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If none of the above helps, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[amitmalhotra1]

Thanks for pointing out!
I had added the following css code to the Global CSS. I wanted to have a thick border around my website to achieve a specific look.

#x-site {
max-width: 96%!important;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
margin-bottom: 2%;
}
When I remove the above code, the scroll thing works fine again. But how can i achieve that thick border. Can you suggest a modified CSS of the above, so that it works without impacting the header width issue?

Thanks again!
Amit

[tristup]

Hi Amit,

Glad that we are able to help you with this. Unfortunately, we don’t provide any support for customization or custom CSS code issues. I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks