Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 30, 2016 at 10:12 am #718661
    Sevenhelmets

    I have a site being built now…
    The second menu I created is overlapped by the main menu above it. The second menu of Worship, Connect, Grow and Serve can’t be reach since clicking area of the Home, Visitors, About Us and Publications somehow overlapping this second menu. How can we fix this? I set up the header height to be 150px.

    • This topic was modified 9 years, 2 months ago by Sevenhelmets.
    December 1, 2016 at 7:53 am #719108
    Rikard

    Hey Sevenhelmets,

    The page you linked to looks to be password protected, please post the password in private so that we can access the site.

    Best regards,
    Rikard

    December 1, 2016 at 7:53 am #719109
    Sevenhelmets

    Ok, here it is.

    December 2, 2016 at 10:02 am #719568
    Sevenhelmets

    Hi Rikard, any luck finding how to fix this?

    December 5, 2016 at 9:08 am #720370
    Rikard

    Hi,

    Thanks for the password and sorry for the late reply. I think it will be a bit difficult to get that to work since your whole layout will break if you change the height and line height of the menu items. But you can try the following CSS and play around with the values to see if you can get it right:

    
#top #header_main > .container .main_menu ul:first-child > li > a {
    height: 50px !important;
    line-height: 50px !important;
}

#av-layout-grid-1 {
  margin-top: 100px !important;
}

    Best regards,
    Rikard

    December 5, 2016 at 12:10 pm #720427
    Sevenhelmets

    Thanks.
    I played with it and finally got this:

    #top #header_main > .container .main_menu ul:first-child > li > a {
    height: 50px !important;
    line-height: 50px !important;
}

#av-layout-grid-1 {
  margin-top: 0px !important;
}

.html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
    margin-top: 100px;
}

    But then it caused this: notice that the main_menu class is actually covers more into the second menu.. and I barely able to click the Worship and Connect links now.

    December 5, 2016 at 12:40 pm #720438
    Sevenhelmets

    Ah.. got it. Fixed by myself. No worry now. Thanks a lot.

    December 5, 2016 at 3:58 pm #720506
    Vinay

    Hi,

    Glad the issue is sorted :)
    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,
    Vinay

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