Header icons not lining up

[AdamStokes2021]

Hi,

I recently installed a theme called Organix and something very strange is happening.

When viewing on the iPhone emulator on Chrome, everything looks great:

But when I view it on an actual iPhone, I get this:

As you can see, the icons and header are not looking right. I've been going through the code trying to figure it out but I can't seem to solve it.

Any help would be massively appreciated.

Thanks!

[Ninthony]

What browser are you using? Looks fine on my android in Chrome.

[AdamStokes2021]

Thank you for your reply.

I've tested on another android and it looks ok. I'm using an iPhone 7 with chrome and it's completely off. Any browser on my phone looks like this.

Any idea why this would be?

[Ninthony]

I haven't the faintest idea. The container is using flexbox, which is supported by all major browsers. Unfortunately we can't really help if we can't recreate the issue on our end. Possibly reach out to the developer of the theme and see if they can help.

[Ollie]

Hey @AdamStokes2021.

Thanks for reaching out.

I appreciate you letting us know which theme you are using as well as providing screenshots. Since the theme Organix is a third-party theme, we are a bit unfamiliar with the format of the coding used. I would suggest in this case, reaching out to the developers that designed and support the theme. They should be able to provide you with some additional support to making this coding change on the theme.

It may be worth attempting to clear the cache on your browser to see if that allows the icons to display correctly. If the issue persists, you can then try this on separate browser - as for example, if you are using Safari try this action on Google Chrome.

Let me know if that does the trick.