Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #183178

    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

    #183244

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Fixed Header with Social & Navigation’ is closed to new replies.