Tagged: CSS, header, menu, navigation
Hi There
Im using the fixed header with social icons & navigation. I would like to hide the navigation bar at the top with the social icons as I dont use it can you help with the CSS required to do this?
I also want to keep the menu in the small view like when you scroll down the page is this also easy to do using CSS?
Thanks
Jonathan
Hi jono713!
First, please use the non-fixed header with social icons then add this on your custom.css or Quick CSS:
#header_meta {
display: none;
}
#header {
position: fixed;
}
/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:55px; line-height: 55px; }
Best regards,
Ismael