-
AuthorPosts
-
March 16, 2015 at 5:59 pm #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!
March 16, 2015 at 6:01 pm #412373Having the same issue!
March 16, 2015 at 6:02 pm #412376Must be a new bug. I double checked to make sure that the mega menu was not selected and it is not.
March 16, 2015 at 6:06 pm #412379Same for me as well as testing in other browsers….
March 16, 2015 at 6:08 pm #412381Same here.
March 16, 2015 at 6:10 pm #412383Not even seeing where the mega menu option is anymore… Can someone fill me in?
March 16, 2015 at 6:16 pm #412390Same here, look like there is a problem med: theme settings header / custom pixel value
March 16, 2015 at 6:21 pm #412395Hi!
@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, 7 months ago by Yigit.
March 16, 2015 at 6:31 pm #412408Code did not seem to work for me?
http://www.hylandgraphics.com/chrisdemuth
- This reply was modified 9 years, 7 months ago by hylandgraphics.
March 16, 2015 at 6:45 pm #412421Hey!
@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, 7 months ago by Yigit.
March 16, 2015 at 6:53 pm #412427Hi!
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 fieldBest regards,
YigitMarch 16, 2015 at 7:25 pm #412453Ok 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?
March 16, 2015 at 7:31 pm #412463Hey!
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,
YigitMarch 16, 2015 at 7:56 pm #412506Ok thanks Yigit! I will keep an eye out for it. You can close this thread.
March 16, 2015 at 7:58 pm #412510So that code did work but I did have to disable the shrinking header. Thanks we will look for the update. Thanks!
March 16, 2015 at 8:01 pm #412513Hey!
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 threadBest regards,
YigitMarch 16, 2015 at 8:53 pm #412564Hey Yigit,
Thanks, work for me,
Regards, Pete
March 16, 2015 at 9:21 pm #412588Same Problem, but i testet 1st on my local backup ;-) . I’am waiting for 3.1.1.
Regards
Martin
March 17, 2015 at 1:47 am #412711I disabled the custom height in pixel and will enable it again when it’s fixed. Thanks for the fast support though!
March 17, 2015 at 1:36 pm #412916Hi!
I think everyone got their problems sorted, right? Sorry for the problems…
Best regards,
RikardMarch 18, 2015 at 3:47 pm #413686The CSS code for responsive navigation doesn’t work for me.. I’m using the left sidebar as menu.
March 18, 2015 at 3:56 pm #413690March 18, 2015 at 4:00 pm #413694This reply has been marked as private.March 18, 2015 at 4:02 pm #413696Hi!
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!
YigitMarch 18, 2015 at 6:45 pm #413887I am having the same problem with mega menu. http://birdrescuecenter.net
Christina
March 18, 2015 at 6:55 pm #413892Hello 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
March 18, 2015 at 8:14 pm #413925Hey!
@chnine You are welcome! Let us know if you have any other questions or issues :)Regards,
YigitMarch 19, 2015 at 6:53 am #414174Hey everyone, looks like version 3.1.1 fixed this issue!
March 19, 2015 at 10:17 am #414250Hi,
the code works great. Unfortunately, not only the “shrinking header” . That’s too bad. Can the code be adapted or expand ?Regards
March 19, 2015 at 10:42 am #414257Hey!
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 -
AuthorPosts
- The topic ‘Menu Items issue after update to version 3.1’ is closed to new replies.