The Bootstrap
[resolved] Header Image Responsive Proportions Issue (4 posts)

  1. Brandon Moner
    Posted 4 years ago #

    I'm creating a child-theme for this AMAZING theme, however I seem to be having an issue with having a header image.

    When I go into the admin area of WordPress and set a header image, everything looks great. But when I reduce the width of my browser window to test what it will look like on devices with a smaller screen, the image distorts heavily horizontally instead of reducing proportionately.

    Was I wrong to set the header from the admin area? Should I be doing it in my child-theme only?

    Currently...this is what's happening:



  2. KOB
    Posted 4 years ago #

    Thanks for bringing it up!

    I fixed the issue and submitted a new version for approval to the repository.


  3. Brandon Moner
    Posted 4 years ago #

    Haha I've since fixed the issue. I will, however be updating. Can you tell me what's changed so I can get my CSS ready just in case?

    Right now I've remedied the problem with:

    header img {
    	width: 100%;
    	height: 100%;

    Will that changed anything you've done with the update, or will it be just fine?

  4. KOB
    Posted 4 years ago #

    I don't know exactly. I added height: auto; to the selector so it shouldn't mess it up too bad :)

    You can check out the updated version by downloading the Theme from the master branch on GitHub.

    Is the topic resolved for you?


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic