Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 1, 2014 at 7:04 am #327878
    aribann

    From the post and code fix ref below, it works great on a desktop browser …though not working on ipad or nexus tablet.

    Suggestion?

    https://kriesi.at/support/topic/boxed-layout-add-space-above-header/

    .html_header_top.html_header_sticky #header.header-scrolled {
    top: 0 !important;
}
    October 1, 2014 at 10:13 am #327937
    Ismael

    Hey aribann!

    Thank you for using Enfold.

    I checked the site on tablet screen size and the header looks fine. Please provide a screenshot of the issue.

    Cheers!
    Ismael

    October 1, 2014 at 5:50 pm #328336
    aribann

    It is the same problem as the original desktop issue
    iPad3 and Nexus do it in landscape (an emulator like mobile.me will not reproduce it)

    • This reply was modified 11 years ago by aribann.
    October 2, 2014 at 11:54 pm #329355
    Yigit

    Hey!

    I could not reproduce the issue as well and unfortunately i do not have an actual tablet to check your website. Please try adding following code to Quick CSS

    @media only screen and (max-width: 767px) {
#wrap_all { margin-top: 0; }}

    If that does not help, please also try

    @media only screen and (max-width: 1024px) {
.html_header_top.html_header_sticky #header.header-scrolled {
    top: -10px !important;
}}

    Cheers!
    Yigit

    October 3, 2014 at 2:09 am #329399
    aribann

    No joy, tried those separately and together as well

    October 3, 2014 at 2:16 am #329405
    aribann
    This reply has been marked as private.
    October 3, 2014 at 5:57 pm #329826
    Yigit

    Hey!

    You can contact Kriesi directly using contact form here – http://kriesi.at/contact
    I have asked Josue and Devin to take a look. They have tablets. Please kindly wait until they check your website. In the meantime, just to double check, please make sure that you have flushed browser cache on your mobile devices

    Best regards,
    Yigit

    October 4, 2014 at 3:42 am #330058
    Josue

    Hi!

    The problem is that the “header-scrolled” class never gets applied on mobile devices, that’s why the code isn’t working there, the solution would be to disable the custom top space you added on mobiles:

    .avia_mobile #wrap_all {
    margin-top: 0 !important;
}

    Cheers!
    Josue

    October 6, 2014 at 12:21 am #330625
    aribann

    Many Thank You’s to all

    And for the explanation as well

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘html_header_top.html_header_sticky #header.header-scrolled’ is closed to new replies.