Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #28511

    I’m using the Fixed Header. When viewing the website on a tablet in landscape mode, the header stays positioned at the top. But not when viewing the website in portrait mode. Could this be a bug? It seems logic that also in portrait mode the header stays fixed.

    #137774

    Hey,

    No, it is not a bug. You can add this on your custom.css or Quick CSS:

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

    Cheers,

    Ismael

    #137775

    Ok, but when I do that, the menu stays fixed on mobile also. I don’t think that’s the idea…

    #137776

    Hi wvanderzee,

    The changes are all based around media queries which respond to the users viewport. So if you want something to work on portrait but not mobile then the media query needs to be adjusted.

    Eg:

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {

    .responsive #top #header {
    position: fixed;
    }

    }

    Now it will only effect viewports for 480px to 767px.

    Regards,

    Devin

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

The topic ‘Fixed header at tablet portrait’ is closed to new replies.