Sticky Header

[Alanajane]

Hello again :

I’m having some trouble with the logo and sticky header. Here are the details:

My header is currently sticky.
Header on homepage and top of page (before you start scrolling) = 130 pixels tall
Logo on homepage and top of page (before you start scrolling) = 100 pixels
Header shrinks to 75 pixels tall once you start scrolling
Logo shrinks to 75 pixels tall once you starting scrolling.
Header is set to 75 pixels in Theme Options

PROBLEM: If you return to the top of the page, the logo remains at 75 pixels but the header grows back to 130 pixels. How can I get the logo to also return to “full” size (100 pixels) so as to have consistent proportions between header and logo size?

Thanks.

[livemesh]

Sorry this took some time. At times the problem would fix itself and it was hard to reproduce it. The problem is due to the height of 75px that has been specified for the header under Backgrounds tab in theme options panel(look for option “Height of Header”). Pls remove the same, leave it blank and insert the following CSS into Custom CSS tab in theme options panel and see if the problem goes away. Thanks –

@media only screen and (min-width: 767px) {
#header.sticky .wrap { height: 75px !important;}
}

If the problem persists, pls provide the required permissions for the user id you sent earlier so that I can edit the theme options. Thanks

[Alanajane]

This reply has been marked as private.

[livemesh]

This reply has been marked as private.

[Alanajane]

This reply has been marked as private.

[Raghavendra]

This reply has been marked as private.

[Raghavendra]

I checked yesterday the site and could not reproduce the issue on your site? Tried in Chrome, Safari and Firefox in Mac and Windows as well. Looks like you have made the change as provided by LiveMesh above. Can you confirm if this is still an issue? Thanks.

[Author]

Posts