Forums

can't remove margin or paddding on top of my website

Permalink
www.on3communication.com has a huge padding or margin on top.

Firebug identified the concerned area as 

#areaStyleHeaderNav3 {
    background-repeat: no-repeat;
    padding: 75px 0 0;
}


Changing the padding to zero appears to solve the problem but I can't find the code in main css, typography css or html code of the header when I go to edit it.
 
ronyDdeveloper replied on at Permalink Best Answer Reply
ronyDdeveloper
Hopefully it caused by some add-on. Still if you can't find this css, just do a trick to solve the issue.

Put the below code into your css.
#areaStyleHeaderNav3{
     padding: 0px !important;
}


Hope this help you.

Rony
aleamio replied on at Permalink Reply
You solved my problem thanks.

For those having the same problem, inserted somewhere after the page structure section of my main css. See below.

I placed in other section and it did not work.

/* Page Structure / Navigation */
#page{ width:960px; margin:auto; text-align:left; background: white; }
/* #page{ height:100%; margin:auto; text-align:left; background: white; } */
#page #headerSpacer{ height:0px }
#page #header{ position:relative; } 
#page #header #logo{ color:#FFF; font-size:36px;  
   font-family:Arial, Helvetica, sans-serif; 
   line-height: auto; 
   margin-bottom: 0px; padding: 0px; margin-top: 192px; cursor:pointer; z-index:2; width:auto; position: fixed; right: 73px; top: 0px;}
#page #header #logo a{ /* customize_header_logo */color:#FFF; /* customize_header_logo */ text-decoration:none; font-size: 14px; }
#page #header #logo p{ display:absolute; line-height:inherit; font-size:inherit; padding:inherit; margin:inherit; color:inherit }
#areaStyleHeaderNav3{
     padding: 0px !important;
}