WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Thirteen
Responsive Header - too much white space between header image and menu on moble (7 posts)

  1. bobwlsn
    Member
    Posted 2 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

  2. esmi
    Forum Moderator
    Posted 2 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.

  3. bobwlsn
    Member
    Posted 2 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

  4. Calisius
    Member
    Posted 1 month 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!

  5. esmi
    Forum Moderator
    Posted 1 month ago #

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

  6. Calisius
    Member
    Posted 1 month ago #

    Ok. Thank you. Please delete my above post!

  7. bobwlsn
    Member
    Posted 1 month 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.

Reply

You must log in to post.

About this Theme

About this Topic