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
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;
}
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