Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 30, 2014 at 11:06 pm #373343
    garycedar

    Hi, I searched the forums & tried various CSS edits but could not find a way to do this tweak.

    STICKY HEADER / Phones & Tablets

    1. In “Portrait Mode” I would like to display the full Sticky Header.
    2. In “Landscape Mode” I would like to display ONLY the “Header Secondary Menu”.

    Is there a way to do this via CSS?

    Many thanks!
    Gary

    December 30, 2014 at 11:47 pm #373355
    Elliott

    Hey garycedar!

    There is no way to my knowledge to check if a phone is in portrait or landscape mode. The screen sizes are different for portrait and landscape so you can check that but every phone has a different size screen.

    You could use some CSS like this.

    @media only screen and (min-width: 768px) and (max-width: 959px) {
#header_main { display: none !important; }
#main { padding-top: 30px !important; }
}

    To target only certain screen sizes but whether your mobile device falls in between those ranges I do not know.

    Best regards,
    Elliott

    December 31, 2014 at 2:43 am #373392
    garycedar
    This reply has been marked as private.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘HOW TO | Display "Sticky Header" on Phones & Tablets (’ is closed to new replies.