Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 25, 2015 at 7:42 pm #418107
    MathiasVie

    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, 7 months ago by MathiasVie.
    March 25, 2015 at 7:55 pm #418111
    begrafiks

    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.

    March 27, 2015 at 2:35 am #419014
    Yigit

    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

    March 27, 2015 at 11:11 am #419206
    MathiasVie

    hi guys,

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

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