Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #378556

    Hi Support,

    I have a problem with the menu. Try and minimize the browser window on the site and you will see what i mean.
    1. The last menu item jumps down insted of loading the mobile menu,
    2. You can see parts of the whole mobile menu in some browser or screens sizes.

    Hope to i can get some help with the CSS to get this fixed. :-)

    Cheers!

    #378835

    Hey Mattias!

    1- Please add following code Quick CSS

    @media only screen and (max-width: 1318px) {
    .av-main-nav > li > a { padding: 0 11px; }}

    2- I tried resizing browser window but i could not reproduce the issue. Which OS and browser are you using?

    Best regards,
    Yigit

    #379839
    This reply has been marked as private.
    #380359

    Hi!

    Please add following code to Quick CSS as well

    #mobile-advanced {
    right: -110%;
    }
    .show_mobile_menu #mobile-advanced {
    right: -100%;
    }

    Cheers!
    Yigit

    #380723

    Hi @Yigit!

    The first problem still remains that the last item in the menu jumps down. I will remove all of the responsive css now. If you can prodvide me with new CSS. Used this tool http://responsivetest.net/ to test the site becouse I still saw the error on a screen today even after added the CSS you provided me with.

    Cheers!

    #380779

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 1400px) {
    div#header_main_alternate > .container {
    padding: 0;
    }
    .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a {
    font-size: 11px; 
    }
    .av-main-nav>li>a {
    padding: 0 7px; 
    }}

    Cheers!
    Yigit

    #381182
    This reply has been marked as private.
    #381427

    Hi!

    We added this css code on the Quick CSS field to fix the main menu on smaller screens:

    @media only screen and (max-width: 1052px) {
    .av-main-nav>li>a {
    padding: 0 5px; 
    }}

    Please remove browser cache then reload the page.

    Best regards,
    Ismael

    #381544

    Hi Ismael,

    Still havning truble with the menu around 977 – 993px, the last item in the menu jumps down.
    Can you take an other look for me on this?

    Many thnx for your help.

    /Cheers!

    #381691

    Hejsan!

    I cannot see any issue. At 990px menu switches to mobile version and before that it fits perfectly on my end. As Ismael suggested, please try flushing browser cache and refresh your page a few times

    Best regards,
    Yigit

    #385053

    Hi @Yigit and @Ismael,

    Thank you so mutch for all the help! U guys rocks!

    U can close this support ticket now :-D

    //Cheers!

    • This reply was modified 9 years, 5 months ago by apower84.
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Responsive menu – Problem.’ is closed to new replies.