Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 24, 2016 at 12:08 am #716211
    Faun2015

    Hi there,

    on some sites, we have a two lined Fullwidth Sub Menu.
    Ok – no problem.

    But it doesn’t really look nice, yet:
    http://screencast.com/t/IfTTxp7EQ8w

    I made this with this code:
    div#sub_menu1 ul#av-custom-submenu-1 {
    background-color: rgb(84, 120, 42) !important;
    }

    Questions:
    1. It would be nice, if the green Menu would reach until the screenborders (red arrows left / right)
    2. The distance between the two rows (“x”) is too long. The 2nd row must be higher.

    I would be glad, if you can help!?

    Thanks –

    Marc

    November 25, 2016 at 4:37 am #716640
    Rikard

    Hey Marc,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    November 25, 2016 at 1:08 pm #716804
    Faun2015
    November 26, 2016 at 6:30 am #717142
    Rikard

    Hi Marc,

    You have this in your enfold-child.css file:

    
#top .av-submenu-container .container {
    padding: 0 43px !important;
}

    Please try changing it to this:

    #top .av-submenu-container .container {
    padding: 0 !important;
}

    Best regards,
    Rikard

    November 26, 2016 at 1:22 pm #717207
    Faun2015

    Hi Rikard,

    thank you very much for your re-action.
    But unfortunately, your code does not, what I ment.

    BTW: Maybe, my question is too extensive for kriesi’s support!? I don’t know!?

    I made a new picture (can’t do it more clearly):
    http://screencast.com/t/TdApl1svyt

    Looking’ out for your answer –

    Kind regards and thanks alot again –

    Marc

    / The integrated code is made by “microthemer”. So it’s actually not part of the “Quick CSS Window” / Naturally, I can change that. /

    • This reply was modified 7 years, 12 months ago by Faun2015.
    November 27, 2016 at 1:03 am #717324
    Nikko

    Hi,

    Try adding this css code:

    #top .av-submenu-container {
    height: auto !important;
}

    Let us know if it helps.

    Best regards,
    Nikko

    November 27, 2016 at 2:12 pm #717424
    Faun2015

    Hi Nikko,

    thanks a lot for your answer. Now, the sub menu reaches from the left to the right screen-border.
    Fine! :-)

    But still, I’m looking for a solution to minimize the vertical distance between the upper and the lower text-navigation.
    In that way, that the lower line gets higher.

    Can you help for this too?

    Kind regards –

    marc

    November 28, 2016 at 9:10 pm #717977
    Nikko

    Hi,

    Try adding this code in Quick CSS:

    #top .av-subnav-menu > li {
    padding: 5px 0;
}

    If it doesn’t work try adding !important, it should look like this:

    #top .av-subnav-menu > li {
    padding: 5px 0 !important;
}

    Just adjust the values as you see fit. 5px is for top and bottom while 0 is for left and right. Hope this helps :)

    Best regards,
    Nikko

    November 29, 2016 at 12:34 pm #718198
    Faun2015

    Hi Nikko,
    first, I thought – that works great!

    But as a result of your (first) code, an additional, narrow, green navigation strip (see http://screencast.com/t/6go5Cieu) now appears on all pages. At first I thought I should refer your code to specific pages. But that does not lead to the solution. Because if I adjust the page somewhat narrower (responsive), the strip always appears.
    Is there a solution that the (empty, green) strip does not appear?

    Thanks a lot – :-)
    Marc

    • This reply was modified 7 years, 12 months ago by Faun2015. Reason: I saw it later
    December 4, 2016 at 5:13 am #720131
    Ismael

    Hi,

    Is the site down? I want to check the menu container but it can’t be reached.

    This site can’t be reached

    gartenholzprofi.pro-dukt.de’s server DNS address could not be found.
    Go to http://pro-dukt.de/
    Search Google for gartenholzprofi pro dukt de
    ERR_NAME_NOT_RESOLVED

    Set the height of the “sticky placeholder”.

    #top .av-submenu-container {
    height: 32px;
}

#top .sticky_placeholder {
    height: 31px;
}

    Best regards,
    Ismael

    December 5, 2016 at 1:34 pm #720447
    Faun2015

    Hi Ismael,

    great! :-) That worked.

    Thank you very much for your help.

    KR – Marc

    December 7, 2016 at 3:58 pm #721537
    Andy

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Andy

    December 7, 2016 at 3:58 pm #721539
    Andy

    Hi,

    Best regards,
    Andy

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘2nd row sub menu / background clr / positioning’ is closed to new replies.