Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1187115
    Scott T
    Participant

    http://californiaoptionsrealestate.com/

    The footer navigation is messed up and I can’t figure out what the heck is up with the css that’s adding that extra gap. This is what I added to the master css:

    .x-colophon.bottom .x-nav li::before {
        content: "";
        float: left;
        margin-right: 10em;
        opacity: 0.35;
    }
    .x-colophon.bottom .x-nav li:before {
        content: "";
        float: left;
        margin-right: 10em;
        opacity: .35;
    }
    .x-colophon.bottom .x-nav li a {
        letter-spacing: 1px;
    }
    #1187448
    Lely
    Moderator

    Hi Scott,

    From your CSS above, remove this part:

    .x-colophon.bottom .x-nav li::before {
        content: "";
        float: left;
        margin-right: 10em;
        opacity: 0.35;
    }

    Then decrease margin right value from below custom CSS

    .x-colophon.bottom .x-nav li:before {
        content: "";
        float: left;
        margin-right: 10em;
        opacity: .35;
    }

    Hope this helps.

    #1188126
    Scott T
    Participant

    I deleted the referenced instance of CSS but the spacing issue still remains around the SITEMAP link.

    #1188297
    Rahul
    Moderator

    Hi there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1188423
    Scott T
    Participant
    This reply has been marked as private.
    #1188724
    Rad
    Moderator

    Hi there,

    Please add this,

    .x-colophon.bottom .x-nav li:before {
    display: none;
    }

    There is a hidden element and you only change it into content:””;. No content, but the container is still there. Hence, you should hide it.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1187115 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>