Header 5 responsive: massive gap between top and page title

[anton123]

Hi,

I’m using header 5 and found this massive gap between top and page title (with regular and fancy headers)

Example: resize to mobile size:

http://dante.swiftideas.net/pages/about/?header=header-5
http://dante.swiftideas.net/pages/about-us-alt/?header=header-5

Please advise on a css fix urgently

Thanks

[Kyle – SUPPORT]

Hi

Thanks for spotting this, will see if we can get it fixed for the next update

– Kyle

[anton123]

Thanks – when is the next update?

Do you have a css fix now without having to wait for the update?

Please advise thanks

[Swift Ideas – Ed]

Hi there,

Thanks for letting us know, CSS fix is this:

@media only screen and (max-width: 767px) {
.header-overlay .page-heading {
padding-top: 0!important;
}
.page-heading.fancy-heading {
padding-top: 80px!important;
}
}

– Ed

[anton123]

Thanks Ed,

Works a treat except the normal header (fix no 1) is a bit too close to the top because of the 0px padding. The problem is if you make it even 1px then you get the big gap again?

Any ideas why that happens?

Thanks

[Mohammad – SUPPORT]

Hi,
I got it. Please try to use this custom css code:

@media only screen and (max-width: 767px) {
.header-overlay .page-heading {
padding-top: 5px !important;
}
.page-heading.fancy-heading {
padding-top: 80px!important;
}
}

Thanks