My Navbar aligns itself to the right on the iPad landscape format. (Please find screenshot below)
I tried to play around with the styles of the Navbar and all of the layers within it - without success
So I’m hoping one of you Webflow gurus will be able to help me out with this
Hi @vincent, I saw you’ve recently been online and you’re so good at finding problems . Is there any way you could help me with this please? Thank you!
Safari is a bit stricter than Chrome. Especially when the dimensions of an element aren’t not specified. Chrome and Firefox are good at guessing dimensions, but Safari applies HTML stricly.
So give a height and a width to your brand element and a width 100% to the logo’s class.
The logo is now fully visible, but it’s pushed everything further to the right. I’ve also just checked it on both Chrome and Safari and it looks the same on both. I’ve attached a screenshot.
Sorry. It’s ok on iPad for me. But iPad 2 is locked in an old iOS. The Safari version is way behind and that may be the issue.
To find how to fix it (fixing it is altering the css positionning properties of the elements of the menu, I guess), you need to understand why it bugs on iPad. Google how to inspect, with Safari on a computer, Safari on iPad. You’ll be able to use the inspector and see what bugs, and eventually find a solution for ipad safari.
Ahh that sucks @vincent. Thanks for looking. Unfortunately I’m just a humble designer with no experience in code and that paragraph didn’t make much sense to me
I will try to redesign the Nav again, but if that fails is there anything else I can do without it being code related?
It should work if you don’t alter the navbar element too much. Test at each stage, each step.
What you can do also is to take the actual one, delete element after element and test, to see where there’s something that makes you older version of Safari bug.
Try also to delete your extra classes, revert to original or no class at all, keeping your structure. And from there, see if it bugs-. If it deosn’t, restyle your element again with new classes.