Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 2, 2014 at 12:59 am #361211
    crschulz

    There’s an option to enable the sticky header to shrink (ignored on smartphones and tablets). But I would like it to shrink on tablets, too.
    The header takes up too much room on the small tablet (landscape mode) screen.

    Is there a simple css snippet I can put in custom css to correct this issue? I only want to affect tablet landscape mode, everything else is perfect.

    Thanks for the great theme and excellent support,
    Chad

    December 2, 2014 at 6:23 am #361316
    Ismael

    Hi crschulz!

    Thank you for using Enfold.

    I’m sorry but mobile device got some issues handling the shrinking header but you can try this on Quick CSS:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top #wrap_all #header { position: fixed; }
.responsive .header-scrolled #header_main .container {height: 60px !important; line-height: 60px !important; }
.responsive #top #main {padding-top: 115px !important; margin: 0;}
}

    Adjust the #main container’s top padding and the header height.

    Best regards,
    Ismael

    December 2, 2014 at 8:39 pm #361746
    crschulz

    Didn’t work, at all. Actually made it worse by breaking the format and dropping the logo (no resize) below the header and removing the transparency on appropriate pages/posts.

    Didn’t realize it was a big deal. No worries. I’ll manage.

    Thanks,
    Chad

    December 3, 2014 at 5:25 am #361952
    Ismael

    Hi!

    It actually works when I test it but maybe you have a different header settings. Let us know if you figured it out. We would like to know the fix.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.