Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #373343

    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

    #373355

    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

    #373392
    This reply has been marked as private.
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘HOW TO | Display "Sticky Header" on Phones & Tablets (’ is closed to new replies.