[Theme: The Bootstrap] Header Image Responsive Proportions Issue | WordPress.org

Resolved Brandon Moner
(@ctvonline)

11 years, 10 months 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:

http://i385.photobucket.com/albums/oo298/Bmoner85/Posts/ScreenShot2012-06-27at71951PM.png

http://wordpress.org/extend/themes/the-bootstrap/

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

KOB
(@kobenland)

11 years, 10 months ago

Thanks for bringing it up!

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

Konstantin
Thread Starter Brandon Moner
(@ctvonline)

11 years, 10 months 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?
KOB
(@kobenland)

11 years, 10 months 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?

Thanks,
Konstantin

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

The topic ‘[Theme: The Bootstrap] Header Image Responsive Proportions Issue’ is closed to new replies.

In: Themes and Templates
3 replies
2 participants
Last reply from: KOB
Last activity: 11 years, 10 months ago
Status: resolved