header changes to a higher height when you click on a product page

[GiudFabri123]

In craft theme - why header changes to a higher height when you click on a product page

[devcoders]

Hello @GiudFabri123 

Please send me your store URL and password, so I can check it and update you.

[GiudFabri123]

emailed you 

[GiudFabri123]

Our web is www.scanditure.com

[devcoders · Accepted solution]

Hello @GiudFabri123 

Go to Online Store, then Theme, and select Edit Code.
Search for layout/theme.liquid Add the provided code at the end of the file.

{% if template != 'index' %}
<style>
header.header.header--top-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account {
padding-top: 0;
}
</style>
{% endif %}

[GiudFabri123]

Yes, it works! 🙂
Thank you!!! 

[GiudFabri123]

Hello, Any idea why it changes on mobile version ?

[devcoders]

Hello @GiudFabri123 

You're very welcome! I'm thrilled to hear that you're pleased with the outcome. Don't hesitate to reach out if you need further assistance.

like and accepting the All solution. Thank you!

[GiudFabri123]

Hello, Any idea why it changes on mobile version ?

[devcoders]

Hello @GiudFabri123 

Go to Online Store, then Theme, and select Edit Code.
Search for layout/theme.liquid Add the provided code at the end of the file.

@media only screen and (max-width: 768px) {
header.header.header--top-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account {
padding-top: 20px!important;
}
}

[GiudFabri123]

sadly it doesn't work