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;
}
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%; }Brilliant, man. I figured it was the 2000px, but didn't know how to change it. Thanks so much.
Cool :) Glad to hear that helped.
All the best.