Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 27, 2013 at 12:48 pm #28511
    wvanderzee

    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.

    August 28, 2013 at 4:01 am #137774
    Ismael

    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

    August 28, 2013 at 9:09 am #137775
    wvanderzee

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

    August 29, 2013 at 3:42 pm #137776
    Devin

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Fixed header at tablet portrait’ is closed to new replies.