.pageNavigation....Breadcrumb

    None of the links are working on the breadcrumb or the "Mark Read" "RSS" etc links are not working either. What do I need to do?


    I did modify the logo and made stuff bigger up top if that did anything...


    Just remove line 3 from your code above and change line 4 to margin-top: -18px;.


    And last but not least, add the following code:

    CSS
    @include screen-lg {
    .pageHeaderLogo > a {
        padding-bottom: 0;
    }
}

    I did all of that, and I have some responsiveness on the right side, it seems like it is two pixels lower than the stuff


    But I can't find the links on the left side.


    Is there a way I could z-index: 1000; the breadcrumb and bring it to the top? By making it a more important layer? I know my image is cutting it close cause its huge....

    Edited once, last by kbarg ().

    I did do that:


    CSS
    .pageNavigation {
    z-index: 1000 !important;
}

    And it brought my links on the left OVER the top of the logo


    Now, My popup boxes on the right side "Collapse Sidebar", "Forums On / Off" etc, the popup dialog are behind the navigationBar.


    I cannot catch the popup fast enough to Inspect it in Chrome.

    You didn’t do what I said you should do. At least not at the time I read your post #6 in this thread around 30 minutes ago. Before using something you did in your last post – which is horrible, in fact, and has many side issues, as you already noticed by yourself – please change your code from your first post to what I said in my last post.


    If it doesn’t work then, I will take another look at your site. But please don’t change anything else.

    Quote from kbarg

    I did all of that, and I have some responsiveness on the right side, it seems like it is two pixels lower than the stuff


    But I can't find the links on the left side.


    Is there a way I could z-index: 1000; the breadcrumb and bring it to the top? By making it a more important layer? I know my image is cutting it close cause its huge....

    This post was directed towards those modifications. That was before I added the Z-INDEX.

    Links all work. The image is a little too high by a few pixels. The end of the hilt should be below that area.


    I added "padding-bottom: 12px;" inside the .pageHeaderLogo like:


    Code
    .pageHeaderLogo {
    text-align: center;
    padding-top: 12px;
}

    Was that alright? I can remove it if you need me too.

    Thank you for all of your help. It is much appreciated.


    I just had one more question. Is there a way to deactivate the link on the header background, and make it on the main image only and not the whole header area?

    Black Rider I just noticed right now, that the Top of the page Arrow is visible throughout the whole page, and the menu doesnt follow me down? Would that have something to do with those changes?

    A set of navigation links:

    <nav>

    <a href="/html/">HTML</a> |

    <a href="/css/">CSS</a> |

    <a href="/js/">JavaScript</a> |

    <a href="/jquery/">jQuery</a>

    </nav>



    Most browsers will display the <nav> element with the following default values:

    nav {

    display: block;

    }

    Keep checking your navigation :

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login