Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #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 3 months, 1 week ago by  mattmosman.
    #304706

    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!
    Ismael

    #304952

    Thanks 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

    #304964

    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 having

    Best regards,
    Yigit

    #304968

    I 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?

    #304970

    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…

    • This reply was modified 3 months, 1 week ago by  mattmosman.
    #305098

    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.

    • This reply was modified 3 months, 1 week ago by  mattmosman.
    #305164

    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,
    Ismael

    #305298

    Thank 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)?

    #305350

    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.

    #305355

    So 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 3 months, 1 week ago by  mattmosman.
    #305444

    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.

    #305534

    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,
    Ismael

    #305727

    Thank 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 3 months, 1 week ago by  mattmosman.
    #306399

    Hi!

    Please add following code to Quick CSS as well

    div#ubermenu-section {
    height: 65px !important;
    min-height: 65px !important;
    }

    Best regards,
    Yigit

    #306465

    You 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 3 months ago by  mattmosman.
    #306519

    Hi!

    1- Please refer to my 3rd reply here – http://www.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 needed

    img.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

    #306533

    Tried 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 3 months ago by  mattmosman.
    #306658

    Hey!

    Please add following code to Quick CSS instead

    .team-member-description {
    border: 1px solid #e2e2e2;
    padding: 10px;
    }

    If that too does not work, please post a screenshot and show the changes you would like to make

    Regards,
    Yigit

Viewing 19 posts - 1 through 19 (of 19 total)

You must be logged in to reply to this topic.