Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 12, 2015 at 10:45 pm #378556
    apower84

    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!

    January 13, 2015 at 3:28 pm #378835
    Yigit

    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

    January 15, 2015 at 2:43 am #379839
    apower84
    This reply has been marked as private.
    January 15, 2015 at 7:56 pm #380359
    Yigit

    Hi!

    Please add following code to Quick CSS as well

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

    Cheers!
    Yigit

    January 16, 2015 at 12:33 pm #380723
    apower84

    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!

    January 16, 2015 at 3:33 pm #380779
    Yigit

    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

    January 17, 2015 at 4:37 am #381182
    apower84
    This reply has been marked as private.
    January 18, 2015 at 11:15 am #381427
    Ismael

    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

    January 19, 2015 at 12:13 am #381544
    apower84

    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!

    January 19, 2015 at 12:22 pm #381691
    Yigit

    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

    January 25, 2015 at 6:15 am #385053
    apower84

    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, 9 months ago by apower84.
  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Responsive menu – Problem.’ is closed to new replies.