• Resolved thesiegesound

    (@thesiegesound)


    Greetings WordPress Fam,

    I’m currently trying to put a border around my header image and navbar, but when I add the code into the appearance editor, a border will not show on the right side of the header. From what I could tell, it looks like the border that I have applied exists, but it has pushed the header image over the right side, essentially overlapping that section of the border. Help please!

    Here is the website – http://www.thesiegesound.com

    Here is the current existing code for my header:

    /*********************************************************************************************

    3. Header ————————- header.php

    *********************************************************************************************/

    #header {
    border: 3px solid #999;

    }

    #logo {
    float: left;
    margin: 3px 5px 25px;
    }

    #logo h1 {
    line-height:1.3;
    }

    #logo h1 a {
    color:#fff;
    font-size:16px;
    font-weight:bold;
    }

    #logo h1 a:hover {
    color:#DBDFE1;
    }

    #navbar {
    float: left;
    margin: 5px 16px 5px 30px;
    color:#fff;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • change
    #header {
    border: 3px solid #999;

    }
    to
    #header {
    border: 3px solid #999;
    overflow: hidden;
    }

    In this way, image will not cover the border even if the image is wider.

    Thread Starter thesiegesound

    (@thesiegesound)

    THANK YOU!… it worked perfectly.

    That being said, are you familiar with the Meeta theme that I am using? I’m also trying to get rid of the meta tags section, directly underneath my header and above my main content.

    Hi,

    You are welcome.

    I’m not familiar with Meeta theme. I figured the css issue out by checking your site URL with firebug.

    Thread Starter thesiegesound

    (@thesiegesound)

    okay… will look into firebug.

    thanks again for the help.

    it looks like your secondary navigation
    so if you go to appearance > menu you should be able to fix it

    second option it could be a widget so check your widget section as well

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header / Border Issue’ is closed to new replies.