-
Posts
-
Hello all…I need some help integrating Uber menu into my enfold website. The problem I am running into is when I replace the enfold menu with the uber menu it is not full width. I also tried using a shortcode block but unfortunately it does not display on every page and the padding around it is too much. I basically need the header, menu, and slider to be one “piece” without spacing between them either using the enfold default mode setting or shortcode block that displays on every page
Hi mattmosman!
Thank you for using the theme.
Please try to add the code block where you add the ubermenu code inside a color section. Apply a unique id to the section using the For Developers: Section ID field. Let’s use “ubermenu-section” for example. Add this on Quick CSS or custom.css:
#ubermenu-section .container { width: 100%; min-height: 1px; padding: 0; margin: 0; }Cheers!
IsmaelThanks for your response. I tried doing this and the ubermenu took up the entire header and blocked out the logo. I would like to intergrate the ubermenu into the enfold header menu so it appears on every page. I hope I am making sense. I can provide screen shots if needed
Hey!
Have you refered to guide on Sevenspark’s website here – http://sevenspark.com/docs/ubermenu-enfold ?
If you did, please do the changes Ismael suggested so we can see the issues you are havingBest regards,
YigitI have referred to this but am a wordpress novice at best. I don’t think I totally understand what changes Ismael was suggesting and if I was doing it right. Maybe you can explain?
Also if it helps to go to the site to see what I am talking about: http://www.mpssi.com and use the password I have provided. Basically I want the uber menu to go where the enfold menu is now but have the ubermenu remain the same size, color, etc…
Sorry to be a pain. Thought I could explain a little better. If you go to the main page of the website I need the ubermenu embedded in the header to be identical to the ubermenu below i (would prefer it to stretch to match with no padding so the header/menu and slider below are joined together with no spacing between). Hope this helps. Thank you in advance.
Hey!
I thought you wanted to make the existing ubermenu below the header full width, that’s what you described on your first post at least. Regretfully, we really don’t provide support for third party plugins or scripts as stated on our support policy. You can edit includes > helper-main-menu.php, and replace this code on line 114 with the ubermenu code:
$avia_theme_location = 'avia'; $avia_menu_class = $avia_theme_location . '-menu'; $args = array( 'theme_location' => $avia_theme_location, 'menu_id' => $avia_menu_class, 'menu_class' => 'menu av-main-nav', 'container_class' => $avia_menu_class.' av-main-nav-wrap', 'fallback_cb' => 'avia_fallback_menu', 'walker' => new avia_responsive_mega_menu() ); wp_nav_menu($args);Regards,
IsmaelThank you for your response. I know this is probably a stupid question but where can I edit this code….from within wordpress? What will this code do? Also if I decide to use the code block as you suggested in your first response is there a code I can input in quick CSS where that code block would appear of every page of the site (so I do not have to insert it manually on every page)?
So I used your first suggestion using the color section with the code block and inputting the code in the quick css section. Everything looks all right except for the white space at the bottom of the menu and the gray space on the right side of the menu. Go to http://www.mpssi.com to see how it looks now. So my questions are:
1. How do I get rid of those spaces
2. How do I apply this menu to every page on the site without manually having to do it.Thanks again for all your help and please excuse my novice skills.
I am also now having issues with the ubermenu submenu being partly hidden underneath the fullwidth easy slider. I would like it to appear over the easy slider image when activated.
Hi!
Thank you for the updat
I’m sorry but adding the ubermenu on a color section means that you have to add it on all pages. You should probably do the second suggestion. Edit the includes > helper-main-menu.phpfile via FTP. Replace that line of code with the ubermenu script. Regarding the submenu being partially hidden, use this on Quick CSS or custom.css:
div#ubermenu-section { z-index: 5000; position: relative; }Best regards,
IsmaelThank you Ismael…you have been very helpful in this process. Last question….there is still some padding/white space from the color section (where the code block is embedded in) under the ubermenu. I used your your original code
;
#ubermenu-section .container {
width: 100%;
min-height: 1px;
padding: 0;
margin: 0;
}and thought this would get rid of it, so that the ubermenu and slide below are “snapped” together. Any suggestions on how to get rid of this white space/padding?
Hi!
Please add following code to Quick CSS as well
div#ubermenu-section { height: 65px !important; min-height: 65px !important; }Best regards,
YigitYou guys are fantastic…worked like a charm. Any code I could add to custom CSS that would place a search bar in the lower right hand side of the header (as opposed to the icon)? Also wanted to ask if there was a way to create a border around each team member profile. Thanks again for all your help!
Hi!
1- Please refer to my 3rd reply here – https://kriesi.at/support/topic/center-main-menu-and-move-search-to-right-of-logo/#post-295616
2- Please add following code to Quick CSS and adjust as neededimg.avia_image.avia_image_team { border: 2px solid red; }P.S.: It would be better if you create a new topic for your new questions :)
Best regards,
Yigit
- You must be logged in to reply to this topic.