Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 11, 2015 at 9:42 pm #442708
    Analyze-Design

    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

    May 11, 2015 at 9:49 pm #442711
    Yigit

    Hey Annelies!

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

    Cheers!
    Yigit

    May 11, 2015 at 9:59 pm #442715
    Analyze-Design
    This reply has been marked as private.
    May 11, 2015 at 10:07 pm #442719
    Yigit

    Hi!

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

    Best regards,
    Yigit

    May 11, 2015 at 10:15 pm #442721
    Analyze-Design
    This reply has been marked as private.
    May 12, 2015 at 4:59 pm #443155
    Yigit

    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

    May 12, 2015 at 9:08 pm #443372
    Analyze-Design

    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…

    May 12, 2015 at 9:16 pm #443378
    Yigit

    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

    May 12, 2015 at 9:45 pm #443393
    Analyze-Design

    Hi!

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

    Thanks for the help!

    Best regards, Annelies

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