Arclite header customization (4 posts)

  1. mmusil
    Posted 6 years ago #

    I like the flexibility of the Arclite theme but am having some trouble with customizing the header. I have my own logo, in the form of a png file that is about 150x300 px. In Dashboard >> Appearance >> Arclite settings, I uploaded this file, and it appears to work just fine EXCEPT along the bottom, where it appears that the bottom 10px or so are blocked by the blue navigation strip. (you can see the problem at my website here.)

    I think I just need to adjust the styles to move the logo up a few px, but I haven't figured out how to do that yet. Any help would be appreciated!

  2. nsathees
    Posted 6 years ago #

    You got to adjust your style.css file.

    First make the header 200px height so that is matches your logo height!

    on Line 377, height= 190px -> change to 200px
    on line 473, top = 190px -> change to 200px

    This should fix your problem!

  3. mmusil
    Posted 6 years ago #


  4. janellewahlman
    Posted 6 years ago #

    I am having the same problem, but when I open my style.css file, I don't have any line numbers to refer to. I found this header code:

    /*** HEADER ***/

    height: 190px;
    position: relative;
    z-index: 1000;
    color: #fff;
    #nav-wrap2 ul#nav .fadeThis span.hover {

    #header .block-content{
    height: 190px;


    and changed the height in both places to 166px which matches my header image, but I could not see any difference. My website is:


Topic Closed

This topic has been closed to new replies.

About this Topic