Header transparency

  • Resolved cflam

    (@cflam)


    11 years, 2 months ago

    I would like to make the header a .png and the background image to show through. I understand that the body wrapper is white, so even if I made the header a .png, it wouldn’t show transparency to the background. Is there a way to start the body wrapper at the navigation (i.e. so the wrapper won’t be behind the header image?) I hope this makes sense…..

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Tomas Mackevicius

    (@tomasm)

    I would say give it a try. Open (or copy to child theme) header.php and try to move whole “header” part outside. If you will see fit, you could try to move “site-navigation” part somewhere else.

    Thread Starter cflam

    (@cflam)

    Excellent, thank you. It worked. I moved the entire header outside of the page div and then moved the navigation into the page div at the bottom. Thanks for your quick reply.

    Thread Starter cflam

    (@cflam)

    I have one other question. I would now like to resize my header so that it aligns with the content area below (width 1040 px I believe instead of 960px). What is the easiest way to override or change the max img width of 960px? Thanks again.

    Theme Author Tomas Mackevicius

    (@tomasm)

    edit /inc/custom-header.php

    'width' => 960,

    Also search for “960” in functions.php

    Thread Starter cflam

    (@cflam)

    Perfect, thanks.

    when I try to move the
    <header id=”masthead” class=”site-header” role=”banner”>
    piece it messes up the whole page. Everything ends up floating to the extreme left side.

    What should the end point be for this snippet?

    Thanks

    Theme Author Tomas Mackevicius

    (@tomasm)

    </header><!-- #masthead -->

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Header transparency’ is closed to new replies.