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

    Hi,

    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
    mathias

    • This topic was modified 9 years, 9 months ago by MathiasVie.
    #418111

    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.

    #419014

    Hey!

    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.

    @begrafiks
    thanks! :)

    Regards,
    Yigit

    #419206

    hi guys,

    great, was able to fix it all :)
    thnx
    mathias

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