-
AuthorPosts
-
August 14, 2014 at 9:23 pm #304597
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
- This topic was modified 10 years, 4 months ago by mattmosman.
August 15, 2014 at 5:06 am #304706Hi 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!
IsmaelAugust 15, 2014 at 3:54 pm #304952Thanks 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
August 15, 2014 at 4:12 pm #304964Hey!
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,
YigitAugust 15, 2014 at 4:17 pm #304968I 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?
August 15, 2014 at 4:20 pm #304970Also 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…
- This reply was modified 10 years, 4 months ago by mattmosman.
August 15, 2014 at 10:19 pm #305098Sorry 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.
- This reply was modified 10 years, 4 months ago by mattmosman.
August 16, 2014 at 5:06 am #305164Hey!
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,
IsmaelAugust 16, 2014 at 3:04 pm #305298Thank 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)?
August 16, 2014 at 8:42 pm #305350So 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.
August 16, 2014 at 9:12 pm #305355So i adjusted the menu width so now it is full screen. Problem almost solved. How do I get rid of the white space below the menu and what quick CSS code can I use to apply this menu to every page automatically (without having to do it manually)?
- This reply was modified 10 years, 4 months ago by mattmosman.
August 17, 2014 at 5:21 pm #305444I 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.
August 18, 2014 at 4:26 am #305534Hi!
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,
IsmaelAugust 18, 2014 at 1:52 pm #305727Thank 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?
- This reply was modified 10 years, 4 months ago by mattmosman.
August 19, 2014 at 4:28 pm #306399Hi!
Please add following code to Quick CSS as well
div#ubermenu-section { height: 65px !important; min-height: 65px !important; }
Best regards,
YigitAugust 19, 2014 at 6:59 pm #306465You 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!
- This reply was modified 10 years, 4 months ago by mattmosman.
August 19, 2014 at 9:06 pm #306519Hi!
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,
YigitAugust 19, 2014 at 9:25 pm #306533Tried the second code for putting a border around team members but did not work? But think that may be due to having no image. I am looking to put the border around the text portion only as no images will be included in the team member section.
- This reply was modified 10 years, 4 months ago by mattmosman.
August 20, 2014 at 9:04 am #306658 -
AuthorPosts
- You must be logged in to reply to this topic.