Header Image Stretches Off Page, But Only First Time Loaded

Resolved 3 replies premium theme theme-vantage

10 years ago · Last reply by Andrew Misplon 10 years ago

This is kind of a weird one… The very first time anyone opens my page on their browser (I think everyone I’ve talked to is a Safari user though), the header stretches off into the distance, showing only about 1/3 of the image. Hit refresh or click on another page and this time it’ll load up and resize as it should. First impressions are important though so… Any idea what’s going on?

I do have custom CSS on my page for a full logo header. Can’t tell what’s doing this though:

/* Full header logo */

header#masthead {
padding: 0 !important;
}

header#masthead hgroup {
padding: 0 !important;
}

header#masthead hgroup .logo img {
width: 2000px;
}

.main-navigation {
margin: 0 !important;
}

body.responsive header#masthead hgroup .support-text, body.responsive header#masthead hgroup #header-sidebar {
display: none !important;
}

URL: http://lionandluxe.com/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 10 years, 4 months ago
Hi Brent
Thanks for reaching out.
Try removing this rule:
```
header#masthead hgroup .logo img {
width: 2000px;
}
```
Assuming you’re after some full width logo action, you could try instead:
```
.site-header .full-container {
	max-width: 100% !important;
}
header#masthead hgroup .logo img {
	width: 100%;
}
```
Brent Bareham 10 years, 4 months ago
Brilliant, man. I figured it was the 2000px, but didn't know how to change it. Thanks so much.
Andrew Misplon Staff 10 years, 4 months ago
Cool :) Glad to hear that helped.
All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.