Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #960617

    The right side drop down of the menu is being cut off. I tried the solution posted earlier, but it is not working. The solution was:

    .av-main-nav .menu-item-top-level-4 ul.sub-menu {
    left: auto;
    right: 0;
    }

    Please go to my site. Click on ABOUT. See “Partners and Affiliations”

    Thank you

    #960635

    Hey rmatus,

    Thank you for contacting us. I tried to check your site but it has a DNS issue. Please contact your hosting provider to resolve this and get back to us when we can access your site.

    Best regards,
    Vinay

    #961082

    Sorry, I typed it wrong.

    #961681

    Hi rmatus,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (min-width: 1024px) {
        #menu-item-514550 .sub-menu {
            margin-left: -80px;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1000929

    Hello, I am experiencing this issue as well on our website. On the far right of our website the last two menu items, the drop menu box is off the screen so it cannot be viewed properly. I have tried both solutions posted above using the following code, but it is still not fixing our issue:

    @media only screen and (min-width: 1024px) {
    #menu-item-1171 .sub-menu {
    margin-left: -80px;
    }

    #menu-item-1094 .sub-menu {
    margin-left: -80px;
    }
    }

    #1001276

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #avia-menu #menu-item-1094 .avia_mega_div, 
    #top #avia-menu #menu-item-1171 .avia_mega_div {
        left: auto !important;
        right: -92px !important;
    }

    Hope it helps :)

    Best regards,
    Nikko

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