Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 3, 2017 at 10:18 pm #771395
    nroques

    Hello
    i tried several solutions mentionned in the forum but it never worked
    As some other guys in the forum I would like the main menu in the header to be lower, ideally in line with the bottom of my logo.
    I need help

    thx

    April 5, 2017 at 12:00 pm #772436
    Nikko

    Hey noelle,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #header .av-main-nav > li > a {
    line-height: 140px !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    April 5, 2017 at 12:54 pm #772478
    nroques

    Hello

    I did it but it does not change anything
    The position of the menu is the same

    Best regards

    April 7, 2017 at 10:48 am #773839
    Nikko

    Hi,

    I checked it and it seems the > (greater than sign) has been replaced to &_g_t_; (without the _ ). Can you try to replace it and see if it works :)

    Best regards,
    Nikko

    April 7, 2017 at 11:00 am #773846
    nroques

    Hi

    yes it was the pb! (don’t know the reason)
    The position is good now but there is still a pb:

    I use the ‘Shrinking header’ behavior

    And now, when the header gets smaller, the text stays at the same position , it doesn’t follow
    Something else to add in the CSS?

    Thx

    Noelle

    April 8, 2017 at 2:12 pm #774500
    Victoria

    Hi Noelle,

    You’re trying to keep the menu at the bottom of the header with this:

    
#top #header .av-main-nav > li > a {
    line-height: 140px !important;
}

    It pushes the menu down, but when the header shrinks, this code keeps the menu lower. if you don’t use this css rule, the menu is higher, aligned with social links buttons, looks nicer and works with the shrinking header.

    Here is the solution, if you still want the menu lower and work with the header:

    
#top #header.header-scrolled .av-main-nav > li > a {
    line-height: 44px !important;
}

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

    April 8, 2017 at 3:57 pm #774550
    nroques

    Thx !
    it works nice

    Now how can i have the same behavior for the social links button?
    I would like to have the same position ( including when the header shrinks) for them

    Thx again

    Noelle

    April 9, 2017 at 7:44 am #774790
    Vinay

    Hi,

    To move the social icons inline with menu items Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header_main nav .social_bookmarks {
    top: 80%!important;
}

    Best regards,
    Vinay

    April 9, 2017 at 9:41 am #774838
    nroques

    Hi

    Thx, it does work but when the header shrinks they are no more aligned
    The css i’m currently using is:

    #top #header .av-main-nav > li > a {
    line-height: 140px !important;
    }
    #top #header.header-scrolled .av-main-nav > li > a {
    line-height: 44px !important;
    }
    #header_main nav .social_bookmarks {
    top: 80%!important;
    }

    April 9, 2017 at 5:23 pm #775032
    Mike

    Hi,
    Try adding a dot before the “nav”, like this:

    #header_main .nav .social_bookmarks {
top: 80%!important;
}

    Best regards,
    Mike

    April 18, 2017 at 9:52 am #779147
    nroques

    Hello

    it doesn’t work if i had a dot
    if i do so, the behavior is good when the header shrinks, but not in normal position ( social icons are not at the right position)

    what i need is that the social icons are always aligned with the menu

    Regards

    Noelle

    April 18, 2017 at 6:04 pm #779528
    Victoria

    Hi Noelle,

    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

    
#header.header-scrolled #header_main nav .social_bookmarks {
  top: 50% !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 18, 2017 at 9:10 pm #779648
    nroques

    THX!!!!
    everything works ( position, behavior when shrink,social button position)

    for people who are loking for the same needs, finally i put:

    #top #header .av-main-nav > li > a {
    line-height: 140px !important;
    }
    #top #header.header-scrolled .av-main-nav > li > a {
    line-height: 44px !important;
    }
    #header_main nav .social_bookmarks {
    top: 80%!important;
    }
    #header.header-scrolled #header_main nav .social_bookmarks {
    top: 50% !important;
    }

    Thx again

    BR
    Noelle

    April 19, 2017 at 3:18 am #779747
    Mike

    Hi,
    Glad Victoria was able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘menu position’ is closed to new replies.