Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 7, 2014 at 1:31 am #233439
    bokeheffect

    Hello –
    I am working to integrate Ubermenu into the Enfold theme and have hit a snag.
    I’ve inserted the CSS that was discussed here (http://sevenspark.com/docs/ubermenu-enfold) (Integration Type 3).

    You can see my beta site here: http://bokeheffect.wpengine.com

    My primary issue is with the width of the sub menu. It looks like it won’t expand past the width of the top menu. This is causing rows and columns to not fall where they should and instead are pushed to the next row in order to fit in the width of the menu.

    Thanks very much for any help that can be provided!
    Erik

    • This topic was modified 10 years, 8 months ago by bokeheffect. Reason: Added tags
    March 7, 2014 at 3:25 am #233503
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .megaMenu .sub-menu > li{
    width: 176px !important;
}

    Cheers! 
    Josue

    March 7, 2014 at 4:00 am #233536
    bokeheffect

    Hello –
    Thank you for your help. I added that to the Enfold Quick CSS. It appears to add length to the menu but not width. I bumped the pixels to 500 just so see the effect and it made the menu very tall but not wide.

    Thank you!
    Erik

    March 7, 2014 at 4:07 am #233541
    bokeheffect

    Hey!
    I made an adjustment and turned on Full Width Sub Menu and now it appears to be displaying correctly. However if I view in IE it does some wacky stuff. Any ideas? Maybe a way to expand the navigation menu area?

    Thanks again!
    Erik

    March 7, 2014 at 4:10 am #233543
    Josue

    Hey Erik!

    Use this code if you want to change the actual width:

    .megaMenu .sub-menu{
    width: 1200px !important;
    max-width: inherit !important;
}

    Adjust the width value as needed.

    Regards,
    Josue

    March 7, 2014 at 4:21 am #233550
    bokeheffect

    Thank you!
    Any thoughts on the IE abnormality?

    Thanks again!
    Erik

    March 7, 2014 at 4:22 am #233551
    Josue

    Hey!

    Can you post a screenshot of your IE view? what version is it?

    Cheers!
    Josue

    March 7, 2014 at 4:32 am #233560
    bokeheffect

    Sure thing! This is on IE 11.

    http://gyazo.com/00a6b68a555d21343690a138131e51a5

    Thanks!
    Erik

    March 7, 2014 at 5:02 am #233573
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #megaMenu ul.megaMenu > li.menu-item{
display: inline-block !important;
}

    Cheers! 
    Josue

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.