loosing background header image when re-sizing screen

  • phillb

    (@phillb)


    10 years, 8 months ago

    Loosing background header image when re-sizing to a smaller screen.

    Test live site at

    Have added a logo in the header area which might be effecting it?

    Also, on smaller screen size the Welcome sub-menus are not showing up.

    Any help would be greatly appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 8 months ago

    It’s because your navigation section covers that entire header section, and that navigation section is using a background colour (that lays on top of the image).

    Thread Starter phillb

    (@phillb)

    10 years, 8 months ago

    So have I changed something in Child Theme which has altered the navigation section (which is now covering the entire header section)?

    Would like it to work like the original Twenty Thirteen template

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 8 months ago

    Add this to your Child Theme style.css file:

    .navbar {
    overflow: hidden;
}

    Thread Starter phillb

    (@phillb)

    10 years, 8 months ago

    Almost works! Think I’ve caused problems adding the logo in the header using the following code in header.php

    <img class=”header-logo” src=”http://www.phillb.co.nf/hannes/wp-content/uploads/2015/05/draw-clover_2.gif”/&gt;

    and updating Child Theme style.css file with

    .header-logo {
    position: relative;
    padding-top: 20px;
    float: right;
    }

    Thread Starter phillb

    (@phillb)

    10 years, 8 months ago

    Just remembered that I had adjusted the site title and description to get the header logo to work. Changed a few things and appears to be working now.

    Many thanks for your assistance Andrew.

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

The topic ‘loosing background header image when re-sizing screen’ is closed to new replies.