Problems Isolating and Removing Boarder Around Header

  • GWMO


    I’m redesigning my site but am having trouble identifying the cause of a thin white border around the Header. I used “Inspect Element” and tried several settings for #header, #php_widget-3 etc. but to no avail. Switched to Firebug and noticed that the white border does not seem to appear in Firefox so I could not identify it that way either.

    Yep, already checked out several similar support topics but still no luck. Any advice would be greatly appreciated.


    Kenneth John Odle


    I don’t see this. Did you manage to resolve it?



    It is working in Firefox and IE but not in Chrome and Opera.

    After the following code edit it will look like this:

    #header {
    width: 0%;

    I think this happens because the browser can’t find the image. If you set a header image it should be gone without the edit above.

    If I disable your custom header height of 100px back to 200px the border stays around the 100px height.

    You also have a “#header-left” and a “#header-right”. It probably has to do with it because if I hover these 2 values it only marks the area within the 100px and not the 200px.

    Maybe Kenneth knows what’s up with all that.



    Quite right and thank you. I have tried the header as a single image and the white border does disappear in Chrome, hence the reason I though it may be related to the #php_widget-3 I am using to lay out the 3 separate images (i.e. left, center and right) with space between to resize according to the screen width.

    Perhaps this is something I’m not meant to do in Graphene?




    I also had a “fight” with the border in the header, but here you can see, no border:

    Here is what I did. I put this in custom CSS:

    #header {
    border-top: none;
    border-bottom: 1px solid #000000;
    height: 90px !important;

    The 1px border-bottom is the black thin line in menu.

    In settings I have set the header for 0px.

    Make one image and put it in the header-widget and be sure it the same size as the height in header-code. You can make a link on the image, but if you start building a table – the border will come back.

    I hope this will works for you.

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

You must be logged in to reply to this topic.