Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #442708

    Hi there again ;-)

    I’m almost satisfied with how my menu looks, only on the ipad (landscape and portrait) there is a strange white banner below my header, and befor the content.
    See these screendumps:
    http://www.willyanne-interieur.nl/landscape.png
    http://www.willyanne-interieur.nl/portrait.png

    On other browsers it is fine…

    Thanks in advance.
    Best Regards, Annelies

    #442711

    Hey Annelies!

    Do you mind creating a temporary login so we can inspect elements on your website?

    Cheers!
    Yigit

    #442715
    This reply has been marked as private.
    #442719

    Hi!

    Credentials are not working for me. Can you please check them once again?

    Best regards,
    Yigit

    #442721
    This reply has been marked as private.
    #443155

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .html_header_top.html_header_sticky #top #wrap_all #main {
      padding-top: 140px;
    }}

    Regards,
    Yigit

    #443372

    Hi Yigit,

    It is not working properly yet.

    maybe some code is not completely OK:

    @media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; 
    }
    #header_main .container, .main_menu ul:first-child > li a {
    height: 115px !important;
    line-height: 115px !important;
    }
    @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .html_header_top.html_header_sticky #top #wrap_all #main {
      padding-top: 140px !important;
    }}

    It is still on the ipad not displaying like it should… the white area is still there…

    #443378

    Hey!

    Please change your code to following one

    @media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; 
    }
    #header_main .container, .main_menu ul:first-child > li a {
    height: 115px !important;
    line-height: 115px !important;
    }}
    @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .html_header_top.html_header_sticky #top #wrap_all #main {
      padding-top: 140px !important;
    }}

    There was one curly bracket missing

    Best regards,
    Yigit

    #443393

    Hi!

    It is fixed, but I had to change the 769 to 768 on the last piece.

    Thanks for the help!

    Best regards, Annelies

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘ipad white space below header en before content.’ is closed to new replies.