Viewing 30 posts - 1 through 30 (of 36 total)
  • Author
    Posts
  • #412372

    After updating my site to Enfold version 3.1 my menu items have extremely large gaps between them. Not sure what is causing this or if there is a new setting to adjust. Can you please help me with this? They used to be right on top of each other like on the enfold default demo. Thanks in advance!

    #412373

    Having the same issue!

    #412376

    Must be a new bug. I double checked to make sure that the mega menu was not selected and it is not.

    #412379

    Same for me as well as testing in other browsers….

    #412381

    Same here.

    #412383

    Not even seeing where the mega menu option is anymore… Can someone fill me in?

    #412390

    Same here, look like there is a problem med: theme settings header / custom pixel value

    #412395

    Hi!


    @kevinjsutton
    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Please post the link to your websites and we will check them

    Best regards,
    Yigit

    • This reply was modified 9 years, 9 months ago by Yigit.
    #412408

    Code did not seem to work for me?

    http://www.hylandgraphics.com/chrisdemuth

    #412421

    Hey!


    @hylandgraphics
    Please use following code

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

    Regards,
    Yigit

    • This reply was modified 9 years, 9 months ago by Yigit.
    #412427

    Hi!

    I could reproduce the issue on my local installation and we have reported the issue to Kriesi.
    – Issue occurs when custom header height is being used.
    – Second line of code i posted above should be adjusted to match your custom header height ( 135px and 95px in examples )
    – Please disable shrinking header temporarily if enabled.
    – Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Best regards,
    Yigit

    #412453

    Ok thanks Yigit, that worked for me but it looks like the shrinking header will not work now. The menu items don’t fit within the confines of the header once it is shrunk and extend past the header section instead. Is there a way to fix this right now or do we have to deactivate wait for a fix to the theme that fixes this?

    #412463

    Hey!

    Please disable it temporarily. No ETA yet but Enfold 3.1.1 which will fix issues such as this one will be released soon.

    Regards,
    Yigit

    #412506

    Ok thanks Yigit! I will keep an eye out for it. You can close this thread.

    #412510

    So that code did work but I did have to disable the shrinking header. Thanks we will look for the update. Thanks!

    #412513

    Hey!

    Yes, please do so :)

    @kevinjsutton
    if you do not mind, we will keep the thread open to hear from @2funky and @kardemomme :)
    If you have any other questions or issues, please feel free to start a new thread

    Best regards,
    Yigit

    #412564

    Hey Yigit,

    Thanks, work for me,

    Regards, Pete

    #412588

    Same Problem, but i testet 1st on my local backup ;-) . I’am waiting for 3.1.1.

    Regards

    Martin

    #412711

    I disabled the custom height in pixel and will enable it again when it’s fixed. Thanks for the fast support though!

    #412916

    Hi!

    I think everyone got their problems sorted, right? Sorry for the problems…

    Best regards,
    Rikard

    #413686

    The CSS code for responsive navigation doesn’t work for me.. I’m using the left sidebar as menu.

    #413690

    Hey!


    @robinsluysmans
    Can you post the link to your website please?

    Cheers!
    Yigit

    #413694
    This reply has been marked as private.
    #413696

    Hi!

    Please add following code to Quick CSS

    @media only screen and (max-width: 768px) {
    nav.main_menu {
      display: none;
    }}

    If that does not help, please create a new thread as your issue is different than other users here having :)

    Cheers!
    Yigit

    #413887

    I am having the same problem with mega menu. http://birdrescuecenter.net

    Christina

    #413892

    Hello again,

    I used the code snippet you posted here, changing the height and line-height to suit my particular header/menu configuration and it works. Thank you !

    Christina

    #413925

    Hey!


    @chnine
    You are welcome! Let us know if you have any other questions or issues :)

    Regards,
    Yigit

    #414174

    Hey everyone, looks like version 3.1.1 fixed this issue!

    #414250

    Hi,
    the code works great. Unfortunately, not only the “shrinking header” . That’s too bad. Can the code be adapted or expand ?

    Regards

    #414257

    Hey!

    Please update Enfold to the latest version 3.1.1 – http://kriesi.at/documentation/enfold/updating-your-theme-files/
    Issue was fixed :)

    Best regards,
    Yigit

Viewing 30 posts - 1 through 30 (of 36 total)
  • The topic ‘Menu Items issue after update to version 3.1’ is closed to new replies.