Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #418107


    when you look at my site and reduce browser width you will see that there is a stage where my menu breaks as it’s too long. i understand that (i will make menu smaller)

    but when you reduce it more, there is a breakpoint where the menu disappears and the mobile menu button appears. in this stage there is an empty space above my headerimage which disappears when there is the next breakpoint and it switches to the real mobile view. so this problem seams to be with the tablet view.

    my question:
    – how can i eliminate this empty space above the header
    – if i want to alter the breakpoints and e.g. choose another px breakpoint from desktop to tablet – where can i change it?

    thanks very much

    • This topic was modified 8 years, 8 months ago by MathiasVie.

    Hi MathiasVie;
    the break point is 990px,
    I think if you change this line in order to reduce the space at the left of “DE” in your child theme style (lines 73-76) ;

    .polynavi .lang-item-4{	padding-left: 0px !important;}

    and add this one too tin order to reduce the space between main menu elements ;

    #top .av_seperator_big_border#header .av-main-nav > li > a{padding: 0 13px 0 0!important;}

    they all will stay at the same line till 990px.



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

    @media only screen and (max-width: 990px) {
    .html_header_top.html_header_sticky.html_bottom_nav_header #main {
      padding-top: 90px;

    and refer to @begrafiks post above.

    thanks! :)



    hi guys,

    great, was able to fix it all :)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu responsive problem’ is closed to new replies.