Menubar height change in the smartphone while scrolling!

Hello Friends,
how can I make the menu bar so more lower down while scrolling of the text?
But only in the smartphone, not the desktop or tablet!

Whether you it in landscape or portrait mode it looks on your smartphone, such as iPhone!

So it looks like in the normal case!
Please look at the whole picture!

iphone1.jpg

And it should look like when you scroll down!
Please look at the whole picture!

iphone2.jpg

Thanks in advance and many greetings
Sakari

Hi. So only on mobile devices you want to reduce height of footer section yes.
It's possible but request some extra CSS lines.
But I'm not sure If I can offer you a dynamic code when "scrolling"

BTW
Don't forget that most users now have bigger screen, and soon they will forget about iphone4s or lower models.
Your screenshot was from iPhone5 or 6 ?

With iPhone 6

Thanks

If you have text logo try this:

Code: Select all

@media (max-width: 460px) {
#gk-footer, #gk-social {display: none;}
.gk-logo-text {margin:7px 0; }
}

It may help, and 2+2 is not always 4

Hi Oscar,
it remains only in portrait mode the Menubar below, but durable and not when you scroll down in the text that the menubar only then disappears down!
And in landscape mode, nothing happens, it will remain as it was before!
Are we supposed to do something, or does it not?