Responsive Header – too much white space between header image and menu on moble

  • bobwlsn

    (@bobwlsn)


    9 years, 11 months ago

    I added the following code to my child theme to make the header responsive and my header image looks great in all sizes. The problem is that there is too much white space between the image and footer. My guess is that there has to be a change in the masthead as well. All help will be appreciated.

    .site-header {
    background-size: 100% auto !important;
    }

    Thanks

    bobwlsn

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    9 years, 11 months ago

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter bobwlsn

    (@bobwlsn)

    9 years, 11 months ago

    This should be simple but it is not. As you know thentythirteen is a responsive theme except for the header image. As you go to a smaller size it loses content from it’s sides.

    What I am trying to do is make the site truly responsive. The code in the above post works for the image but not the space between the image and the menu.

    Using Firebug and Inspect Element has not worked for me.

    If anyone wants to look at the development site, it can be found at http://prairie.company/JMurrayAssoc/

    Thanks

    Calisius

    (@calisius)

    9 years, 10 months ago

    Hi tehere!

    I have exactly the same problem.

    I’ve tried to change the value in custom-header, but the results were funny.

    My site: http://compass.mtak.hu

    I would appreciate any helps in advance!

    esmi

    (@esmi)

    9 years, 10 months ago

    If you require assistance then, as per the Forum Welcome, please post your own topic instead of tagging onto someone else’s topic.

    Calisius

    (@calisius)

    9 years, 10 months ago

    Ok. Thank you. Please delete my above post!

    Thread Starter bobwlsn

    (@bobwlsn)

    9 years, 10 months ago

    Don’t ask me what I did but it is working properly now. Something must have been changed when I was working on something else.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Responsive Header – too much white space between header image and menu on moble’ is closed to new replies.