Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 26, 2018 at 2:01 pm #1026790
    aderal2016

    Hello fellows:)

    Maybe it’s not possible or it’s harder than I think, but how can I show properly a sub-menu item in the top bar menu?

    You can find the link in private content, below “castellano” I created a sub-menu but there are 2 issues:

    1- I adjusted the “top” value to align it with the top bar border, but when I hover it changes statement if I try to move the cursor down
    2- I tried changing z-index values, but the “search” and the others menu-items looks above

    Thanks in advance
    Davide

    October 27, 2018 at 5:08 pm #1027101
    Victoria

    Hey aderal2016,

    Here is a thread for you to consider

    4.5 problem with fullwith sub menu – not clickable

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 29, 2018 at 1:57 pm #1027548
    aderal2016

    Hi Victoria,

    I tried following the thread u linked but it doesn’t work for me. In my case the ID is #avia2-menu and changing z-index doesn’t solve the problem.

    Thanks in advance
    Davide

    October 29, 2018 at 2:42 pm #1027576
    Victoria

    Hi Davide,

    Sorry, I misread your issue.

    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

    
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 160px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 29, 2018 at 2:47 pm #1027580
    aderal2016

    Hi Victoria,

    don’t worry!! but I think there’s still a misunderstanding about my issue :D

    Please check the menu item “castellano”, the behavior is weird..

    Thanks in advance
    Davide

    October 31, 2018 at 3:27 am #1028348
    Ismael

    Hi,

    The header_meta container, where the “castellano” menu item resides, is lower in the stack order or is being covered by the header_main container, which is where the logo is. You may need to move the logo to the header_meta container and then increase it’s z-index property, so it’s higher than that of the header_main container or move the “castellano” menu item to the header_main or include it on the main menu.

    Try this code and you’ll see the issue:

    #header_meta {
    z-index: 30;
}

    Best regards,
    Ismael

    October 31, 2018 at 11:03 am #1028415
    aderal2016

    Hi Ismael,

    thanks a lot, I was driving crazy cuz I knew it was about z-index, but I didn’t try it to #header_meta. Last question if it’s not too complicated (otherwise I can let it go, this page is just a “draft”), now the only issue is that the sub-items disappears when I hover below.. I’m sure this happens cuz I manipulated the sizes, do you know how can I handle?

    Thanks in advance,
    Davide

    October 31, 2018 at 11:08 am #1028416
    aderal2016

    I just realized, now the logo is below the header_meta T_T I changed the z-index of the .logo but noway. I think what I’m trying to do is just too much :D

    November 2, 2018 at 8:53 am #1029073
    Ismael

    Hi,

    Yes, that’s what I’m trying to show you. Increasing the header_meta will not fix it. You can either move the logo in the header_meta container, disable the “castellano” item’s sub menu or move the menu item inside the main header.

    Best regards,
    Ismael

    November 2, 2018 at 2:52 pm #1029165
    aderal2016

    Hi Ismael.

    I see:) don’t worry then, I’ll take one of the path you mentioned.

    Thanks
    Davide

    November 2, 2018 at 3:28 pm #1029173
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Top bar menu: sub item’ is closed to new replies.