Mke topbar move with page

  • Leon
    Newbie 19 points
    August 11, 2015 at 12:26 pm

    The following code will keep the topbar stationary while people view your site, it is helpful for customer navigation. You may need to use a plugin to remove the wordpress admin bar frontend, so you can view properly while editing.

    #core_header_navigation {
    top: 0px;
    background: #ffffff;
    height: 40px;
    position: fixed;
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    z-index: 50;

    box-shadow: 2px 2px 2px #888888;

    margin-bottom: 0px;
    overflow: hidden;

    Also you may need to move your logo.

    #core_logo {
    margin-top: 42px;

    Do amend colours to match your theme, you can change sizes if it does not work 100% for you

  • Josh
    Super Guru 13,875 points
    August 11, 2015 at 12:48 pm

    Thanks for sharing Leon 🙂

  • Leon
    Newbie 19 points
    August 11, 2015 at 1:19 pm

    No worries, I am full of great ideas.. 🙂

Viewing 3 posts - 1 through 3 (of 3 total)

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes