Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1026790

    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

    #1027101

    Hey aderal2016,

    Here is a thread for you to consider

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

    #1027548

    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

    #1027576

    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

    #1027580

    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

    #1028348

    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

    #1028415

    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

    #1028416

    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

    #1029073

    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

    #1029165

    Hi Ismael.

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

    Thanks
    Davide

    #1029173

    Hi,

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

    Best regards,
    Jordan Shannon

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