Top Text Nav Bar Blocked By Logo – Download Theme

  • Anthony
    Anthony
    Senior Member
     
    303 points

    Our top navigation bar (as seen in images) is blocked out by our logo banner at top left of the site. Only when the user is not logged in. Once they do login, the image and top navigation are again balanced. Weird!!!

    How can this happen and what can we do to fix this login / logout logo space alignment issue.

    See images…

    Attachments:
    You must be logged in to view attached files.

    Josh
    Josh
    Super Guru
     
    13,886 points

    Hello Anthony,
    Try the below code under Theme Setup >General Setup >Custom css

    .logged-in #core_header .container {
    padding-top: 20px;
    }


    Anthony
    Anthony
    Senior Member
     
    303 points

    Our theme is the new 8.3 and only has a custom footer and header css area.

    Do you mean add to footer? :–)


    Josh
    Josh
    Super Guru
     
    13,886 points

    Deign Setup >Custom Meta Data >Header Styles (wp_head)

    <style>
    .logged-in #core_header .container {
    padding-top: 20px;
    }
    </style>
    

    Anthony
    Anthony
    Senior Member
     
    303 points

    Thanks. Nothing changed. Same thing….


    Josh
    Josh
    Super Guru
     
    13,886 points

    Please provide url


    Anthony
    Anthony
    Senior Member
     
    303 points
    Josh
    Josh
    Super Guru
     
    13,886 points

    Hello Anthony,
    Try the below code:

    #core_header a img {
    padding-top: 25px !important;
    }

    This reply was awarded the best answer by the topic poster.

    Anthony
    Anthony
    Senior Member
     
    303 points

    Thank you. Worked. However it also made the “banner adv” smaller on the right. Don’t think my advertising affiliates will be happy. Idea?


    JamesD
    JamesD
    Elite Member
     
    552 points

    Hi Anthony,

    You’re referencing the image, but what you want is one of it’s parent elements… like ‘core_logo

    The ‘#core_logo’ currently has a ‘margin-top’ value of ‘-20px’, so I’d probably reference that element instead, like…

    #core_logo {
        margin-top: 0;
    }

    Anthony
    Anthony
    Senior Member
     
    303 points

    Thank you both of you.


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

You must be logged in to reply to this topic.