Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 23, 2019 at 11:31 pm #1093766
    premierepc

    Hi all,

    We’re having an issue with the display of some third level menu items. Is there an easy modification to change the direction of the third level items from left to right?

    Preview our site here :http://dev.premierepc.net/
    For example try navigating to Managed IT Support For Business > OnDemand Services >

    As you’ll see. They are opening on the left and obscuring the rest of the menu. Can we switch the direction to open on the right side?

    It looks like these third level items have the same minimum width as the rest of the menu, so if we can reduce their width also that would be helpful.

    Thanks in advance for your assistance.

    April 25, 2019 at 12:24 pm #1094368
    Victoria

    Hey premierepc,

    Please try the following css:

    
 @media only screen and (min-width:1024px){
    #top .av-main-nav ul ul {
        left: -250px;
    }
 }

    Best regards,
    Victoria

    April 26, 2019 at 4:10 pm #1094761
    premierepc

    Thanks Victoria, now the third level menu is no longer overlapping the second. I tried playing around with the code to get the menu to open to the right side, but could not. Is this something you can help with also? Your assistance has been greatly appreciated

    April 30, 2019 at 5:20 am #1095589
    Rikard

    Hi,

    Sorry for the late reply. Do you mean that you want to move the sub menus to the right of the parent menu item? If not then please try to explain a bit further or post a screenshot highlighting the problem.

    Best regards,
    Rikard

    April 30, 2019 at 8:31 pm #1095910
    premierepc

    Yes Rikard, that is correct.

    May 2, 2019 at 5:21 am #1096318
    Rikard

    Hi,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    May 2, 2019 at 6:58 pm #1096559
    premierepc

    That didn’t do it either, but I was able to modify the code that Victoria provided to get it working as needed. Here is what we ended up going with. 

     @media only screen and (min-width:1024px){
    #top .av-main-nav ul ul {
        left: auto;
        right: -250px;
    }
 }
    • This reply was modified 5 years, 7 months ago by premierepc. Reason: code edit
    May 2, 2019 at 10:59 pm #1096598
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Third Level Menu Opening Direction’ is closed to new replies.