Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 13, 2014 at 3:23 pm #208976
    charlies23

    Hi Kriesi Team!

    I am working on a very customised eiditon of enfold and I got stuck a bit with customising the menu.

    This is the site I am working on :
    http://dev.irecruitexpo.com/

    I want 2 changes to be made on the menu.

    1.) I want to make the top level main menuitems to stay hoovered unti another main menu item is hoovered. I mean if I hoover some of the submenu items opening from the main item, the main item background should stay blue as long as I keep hoovering the submenu or until I hoover another main menu item.

    2.) I want to change the direction of how 2nd level submenu items open. Instead of opening to the left I want them to open to the right.

    I appreciate any tips or help what you can provide. I am loking forward to your reply!

    Regards,
    Tom

    January 13, 2014 at 9:27 pm #209176
    Josue

    Hey Tom!

    For 2, this will do it:

    .main_menu .menu ul{
    right: 0 !important;
    left: auto !important;
}

    Cheers!
    Josue

    January 14, 2014 at 4:22 pm #209509
    charlies23

    Hi Jouse,

    Thank you for your reply. The code you posted is doing something different.

    Now the 2nd level submenu items simply appear on top of the 1st level submenu items. I want the 2nd level submenu items to be opened to the right, from the 1st level sumbenu items .

    Regards,
    Tom

    January 14, 2014 at 4:41 pm #209519
    Yigit

    Hey!

    Please try flushing browser cache and refresh your page a few times. This is how it looks on my end http://i.imgur.com/v0XCNhk.jpg

    Cheers!
    Yigit

    January 14, 2014 at 5:00 pm #209530
    charlies23

    Hi Yigit,

    Thank you for your quick response.

    I am always testing these after flushing the cache.

    It does exactly what can be seen on the picture you posted. Probably I did not express myself clearly. Sorry.

    I define 3 type of menu items:

    1.) Main Menu Item – Visible on the header no matter if hoovered or not
    2.) 1st level submenu items – These are the children of the Main menu items
    3.) 2nd level submenu items – These are the children of the 1st level submenu items

    The way the 1st level submenu items behave by default is perfect.
    At the moment with the code what Josue provided the 2nd level submenu items appear on top of their parent instead of opening to the right. By default the 2nd level submenu items items are opening to the left of their parent. I want to orverride the default setting and make the 2nd level submenu items open to the right of their 1st level submenu parents.

    I have changed the menuitems under the HOME main menu item to make my description more visible.

    January 14, 2014 at 5:25 pm #209543
    Josue

    Hi!

    I see, change the code i gave you to this:

    .main_menu .menu > ul{
    right: 0 !important;
    left: auto !important;
}

    Best regards,
    Josue

    January 26, 2015 at 8:52 am #385282
    webdevsd
    This reply has been marked as private.
    January 27, 2015 at 5:28 pm #386392
    Elliott

    Hi!


    @webdevsd    , It seems to be working fine on my end. When I hover over your main level links their style changes and it stays changed while I hover over the sub menu items.

    Try clearing your browser cache. If it’s still not working then take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    January 27, 2015 at 6:29 pm #386485
    webdevsd
    This reply has been marked as private.
    January 28, 2015 at 9:06 pm #387372
    Elliott

    Hey!

    Add this to your custom CSS.

    #top .av-main-nav ul ul { left: 207px !important; }

    Cheers!
    Elliott

    January 28, 2015 at 9:36 pm #387393
    webdevsd

    Absolutely perfect. Thank you very much, Elliott.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Enfold main menuitem stay hoovered and changing open direction of the submenu’ is closed to new replies.