Nav bar menu layout breaking in some browsers

Client is on same as me IEv11 and I checked her screen size and it’s set to 125% same as mine. When we played with screen sizes instead of the header bar moving around within the screen, at some sizes it disappeared off the screen. Is this an issue with the bootstrap thingy and it’s not changing to suit different devices?

Testing the responsiveness of different browsers is tough. It takes a lot of diligence to try and cater for all situations.

Don’t think you have a Bootstrap issue.

On my 1920px monitor, the menu looks too much to the left. I’ve tried to center it using:

.navbar .nav {
    position: relative;
    left: 50%; /* Changed this line */
    display: block;
    float: left;
    margin: 0px 10px 0px 0px;
}

Next thing is to decide on breakpoints (eg 1920,1680,1280,1024,980) and you’ll see that 50% needs to be adjusted for each viewport. This is what @media resolves.

Thanks rdell, I am having a play with that code, but whatever I do it looks rubbish on client’s screen, looks perfect on mine.

I tried to use the nav bar box hoping that would keep it all together, which she likes, but now she’s got a very stretched box and it disappears on the About Us page. If I get it perfect for her screen the menu titles are way over to the right on my screens and hanging out of the box. I wouldn’t expect it to be sooo way out on different browsers or can it be? Also everything else is perfect which also seems strange to me and makes me think there is defo a header issue?

I have another WP site and if you change the page view % in your screen view, the headings are still there, but wrap onto other lines, but with this they just disappear and I’m thinking something isn’t right somewhere. I did another customizr site ages ago and didn’t have this trouble.

I realised also that I’ve not updated to 3.4.11 and wonder if this will make matters worse or not, as this all started after updating to 3.4.9

I hate being beaten, but as my kids would say – it’s doing my head in!

Thanks

PS Is it normal for companies to trawl this forum and try and steal our clients? Someone’s just emailed mine directly after seeing my post!!

Don’t think upgrading to 3.4.11 will cause any problems, and at least you’ll be on the latest code base.

Browsers unfortunately do have their own mysteries and code rarely generates identically in all the common browsers, IE-FF-Chrome-Safari-Opera and now Edge.

Some selectors demand a different string. You’ve probably seen code like:
-webkit-transition:
-o-transition:
-moz-transition:
-ms-transition:
transition:

As for the PS, I guess there are rogues in every business that will do something like that. I hope your client has the sense to realise that to listen to a company behaving in that manner is a recipe for disaster.

Thanks and I will keep trying.

Luckily my client is also a friend and forwarded the email from Fix Runner!