[Resolved] Primary Menu Jumps Up When Safari Window is Opened Wide

[Mary Pearson]

I’m starting a new site at https://carmrponies.ca

The menu should be lined up vertically with the text of the logo. All is good in Chrome, but in Safari and Firefox, if I open the browser window wide, the nav bar jumps up to the top of the page.

How do I stop this from happening?

Thanks!

[Purushottam]

No issues in Opera too. Just a note, Your primary navigation hover and active, both are set to white. This makes a block of white when you are on home and hover the home link.

[Mary Pearson]

Thank you. Yes, I haven’t gotten around to doing much with colours yet. Still just working on the basics at this point.

[Tom]

Hi Mary,

I’m not seeing the issue in Chrome, Firefox or Safari. What versions of Firefox/Safari are you using?

[Mary Pearson]

Firefox Quantum 69.0.3 (64 bit) Firefox is up to date
Safari 13.0.1
Chrome 77.0.3865.120 (Official Build (64-bit) Google Chrome is up to date

Open the window W – I – D – E

[Tom]

What if you add this?:

.site-logo {
    display: block;
}

[Mary Pearson]

YES!!!!! Thank you Tom. That’s exactly what I needed.

[Tom]

You’re welcome 🙂

[Author]

Posts