Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #580694

    Hi Enfold Support,
    Ever since about 3 past updates our main nav drop down menu on the right side of the menu go off screen. This appears in all browsers. Originally the right drop downs menus would open to the left if they were close to the right edge of the browser. Any way we can do a quick fix for this?

    Thanks!

    #581887

    Hi Eric!

    Please add following code to Quick CSS as well

    .av-main-nav li#menu-item-3393 ul.sub-menu {
        left: -100px;
    }

    Regards,
    Yigit

    #581923

    Thanks Yigit! Works fine. Any idea what’s going on here? Will future updates fix this without having to modify the quick css? I feel our quick CSS file is getting a bit big and I’m worried future theme updates may cause problems. Thanks!

    #582084

    Hi,

    Hopefully there will be a fix for this in a future release but until then I think it would be best if you kept the Quick CSS you currently have.

    Thanks,
    Rikard

    #584383

    Looks like the fix may have caused some other issues with the drop down menu. Take a look at the attached screenshot. The sub / sub menu is detaching from the main drop down. I did adjust the width of the drop down menus using this css update provided in another thread although not sure that would create the gap between the two drop down menus.

    .main_menu .menu ul { width: 175px; }

    #586068

    Hey!

    try this code:

    #top #wrap_all .av-main-nav ul>li>a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
    left: -174px;
    }
    

    and adjust as needed.

    Cheers!
    Andy

    #594587

    Awesome! That did it. Thank you!

    #595300

    Hi,

    Great, glad you got it fixed :-)

    Regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.