Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #323265

    Hi – sorry I’m still having problems with the header on this website – when I scroll down the page and then scroll back up again the header has moved. I’ve got the following custom CSS:

    #header_main_alternate, #header {
    transform: translateZ(0);
    footer#socket {
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    @media only screen and (max-width: 768px) {
    .header_color .header_bg { background-size: contain; }}

    Could you tell me what I’ve done/how I can stop it from doing that!



    Hey kathrynmichaud!

    Which browser and OS are you using? I cannot reproduce such issue on my end, as i could not the previous time you posted about the same issue :/



    Hi – I’m using Chrome and Windows 8 – when I load the page the header looks fine, but if I scroll up and down the page 2 or 3 times, when I get back to the top the header has completely disappeared or sometimes just the top half is still visible. I’ve attached two screenshots showing the before and after – in the second screenshot you can just see the pink tip of the vase.



    Hi, after setting the header background image to scroll on the other website and it seemed to solve the problem, I did the same here – and it seems to have worked! Whew!

    Just for information, what are the ideal background image sizes for the header width?




    1130px should work fine since that is the container width of the header container. Glad you figured it out! Let us know if you have any other questions or issues

    Best regards,

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Header keeps moving up and down’ is closed to new replies.