Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 21, 2015 at 2:42 pm #432018
    kops

    Hi,

    For a front page, I want to overlay the logo on a layerslider (done) and have the menu positioned beneath the layerslider. What we need, however, is the primary menu, not the pagebuilder full width menu as this doesn’t work with the megamenu settings.

    mockup: http://lgserver.com/enf.png

    We’ve tried several approaches from setting top: 200px to the nav container to trying to adjust the full width menu item to match the functionality of the primary menu with no joy.

    Any help you can give us would be really appreciated.

    many thanks,

    Jon.

    April 21, 2015 at 10:39 pm #432431
    Elliott

    Hi kops!

    Is this going to be on all pages or just one page?

    Does it need to be a LayerSlider? It’s going to be difficult to do.

    Maybe it will be feasible if you set the header to be transparent and a custom height of 300px or so and then have the header layout set to logo on top and menu below. It will most likely need some CSS work though so send us a link to your site after you get that all setup and we’ll see what we can do.

    Regards,
    Elliott

    April 22, 2015 at 12:15 am #432459
    kops

    Hey Elliott,

    Yeah this is going to be a fun one to figure out :) The header doesn’t need to be transparent as I can just match the blue at the top of the sky gradient and set that as a flat colour. The menu is still an issue –

    Might this work Adding a custom div in the layerslider code and see if I can pull the menu in that way with

    <?php get_template_part( 'includes/helper', 'main-menu' );?>

    I’ll give it a go and report back :)

    April 22, 2015 at 12:04 pm #432715
    kops

    Hmm no joy – I used the ‘layerslider_after_slider_content’ action hook but the menu is inserted underneath the header rather than underneath the slider. I’ll get everything else set up and send you the details.

    Many thanks,

    Jon.

    April 23, 2015 at 5:24 am #433229
    Ismael

    Hey!

    Go to Enfold > Header then set the Menu and Logo Position to Logo Center, Menu Below. Add this in the functions.php file to move the menu container below the first layer slider:

    add_action('wp_footer', 'ava_custom_script', 20);
function ava_custom_script(){
?>
<script>
(function($){
	var menu = $('#header_main_alternate').detach(),
		slider = $('.avia-layerslider:first');
		
		$(menu).insertAfter(slider);
})(jQuery);
</script>
<?php
}

    All you need to do is to adjust the menu style because it will break after the switch.

    Cheers!
    Ismael

    April 23, 2015 at 1:11 pm #433435
    kops

    Hi Ismael,

    Many thanks for this code. I’ve tried it and wow it does indeed kill all the menu and mega-menu styling. We’ll have to work on another design I think as this will take too long to fix.

    Could you possibly look at incorporating this header style in the future?

    Many thanks,

    Jon.

    April 24, 2015 at 8:12 am #433925
    Ismael

    Hey!

    Menus are commonly displayed right below the header or either side of the page, not below the slider. And if a website does have a menu below the slider, it is usually a sub or support menu, not the main menu. Anyway, you can post that request here: https://kriesi.at/support/enfold-feature-requests/

    Cheers!
    Ismael

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