Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 29, 2018 at 11:14 am #979261
    StartSmallDigital

    Hi guys,

    I’m building a new personal website ( vijarobert.ro ) and I’m trying to create a menu similar to the one here: https://northinggroup.com/our-work/

    I’m using a footer page and I was thinking that the best solution would be to:
    – Create 3 columns inside the footer.
    – Inside the first column to add the burger button (and hide it in the header)
    – A button for Social media in the middle. ( Maybe get a secondary menu here)
    – Search icon

    Any idea on how to set this up.

    Thanks :D

    July 1, 2018 at 10:29 pm #979907
    Mike

    Hey StartSmallDigital,
    Here’s a rough idea, try this script to move the main_menu and appendto the footer:

    jQuery(window).load(function(){
  jQuery( ".main_menu" ).appendTo( "#footer" );
  });

    then use this css to fix the footer to the bottom of the page and arrange the menu, search, and social icons:

    #footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-height:90px !important; 
}
#footer .main_menu {
width: 100% !important;
}
#footer .social_bookmarks {
    float: right !important; 
}
#footer #menu-item-search {
float: right !important; 
    right: -150% !important; 
}

    2018-07-01_162421
    You could then hide the header with some css.
    This works good for mobile, but I’m not sure what you want to do for desktop.
    Unless you would be interested in moving the whole header down?
    I think this would need some more research.

    Best regards,
    Mike

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