[iBrows87Participant]

At certain zoom levels and browsers a white line appears between the top bar and header of my site. Is there a CSS fix or even a way to put a background colour behind the both?

I’ve tried changing the header background colour from white to the sites green but still no joy.

Screen grab attached!

Thanks for any help,

Chris

[RahulModerator]

Hey there,

I don’t see any white line on my site load. Can you try clearing your browser cache?

Thanks

[iBrows87Participant]

Just done this but still appearing when viewed on the mentioned browsers using a windows computer…

[JadeModerator]

Hi there,

I have checked your site on Google Chrome on a Windows machine but I can’t seem to see the white line when I change the zoom level of the browser. Have you tried checking the site using a different machine as it might be something related to the cache.

Also, please try this code and see if it makes any difference:

.x-topbar,
.x-logobar {
    border: none;
}

Hope this helps.

[iBrows87Participant]

Hi Jade,

This hasn’t made a difference I’m afraid. Is there anyway to hardcode a background colour so that it isn’t possible for a white gap to be seen?

[JoaoModerator]

Hi There,

I have checked your website in many resolutions and I cannot see the white line you are referring to.

Wold you mind clearing your cache and testing it again?

If you still see the white line after that please inform us which device and browser you are using while experiencing the issue.

Thanks

Joao

[iBrows87Participant]

Good morning Joao,

I thought this was fixed but unfortunately it still appears on my friends computer. He is using a Windows computer while browsing in Chrome.

He’s emptied his cache, etc. and no joy. The problem appears when zooming in and out, it isn’t there at 100%.

Screenshot attached!

Many thanks,

Chris

[ChristianModerator]

Hey there,

The line doesn’t show up on my end even zooming in and out and I’m on Windows also (see attachment).

View post on imgur.com

Thanks.

[iBrows87Participant]

Hmmm, how odd! Is there anyway to add a background colour behind the header just to ensure that this white line can never be visible again?

Many thanks,

Chris

[ThaiModerator]

Hi Chris,

Please add the following CSS:

header.masthead.masthead-stacked {
    background-color: #588c7e;
}

Hope it helps 🙂

[iBrows87Participant]

Hi Thai,

Unfortunately the problem still exists… Sorry!

[JadeModerator]

Hi there,

I have checked again your site using Chrome and Firefox and the white line doesn’t show up on my end as well but kindly try to add this code:

.x-logobar, .x-logobar-inner {
    background-color: rgb(88,140,126);
    border-color: rgb(88,140,126);
}

[Author]

Posts