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

    I have my header setup as a fixed header with social icons and second menu.

    On most computers when you start scrolling the header size reduces in size (the main menu and logo).

    On one of my laptops Win 8 screen res 1366×768 the header does not reduce in size when you start scrolling down the page.

    The same on ipad. On the laptop I tested it in chrome, firefox and IE.

    I would like to get the header to reduce in size on that laptop and ipad.

    On another laptop (screen res 1600×900) the header squeezes as it should. The same on a third laptop (don’t know now the resolution).

    Which css styles should I modify. Took me some time trying to find them myself without results.

    Thank you!





    Can you give us a link to your website? Please add this on your custom.css or Quick CSS:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive #top #header {
    position: fixed;




    this didn’t help for my laptop. Which actually works fine in IE, but not Chrome or Firefox. (the header is fixed on all browsers, but it doesn’t adjust in size/shrinks) when you scroll down.

    Had no time to test on iPad. I switched to a non fixed header. I think a non fixed header is better now.

    The fixed one worked differently in different browsers on different machines. I might try again after a theme update.

    Thanks for your support.

    My website is not live yet, working on it.


    Hi chronospd,

    Sorry we couldn’t find a solution but there should be a big update coming in the next month or so for 2.0 which may be able to fix or adjust the header more to your liking.



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

The topic ‘Fixed header not squeezing when scrolling on ipad.’ is closed to new replies.