Why are my Organix theme header icons misaligned on iPhone?

AdamStokes2021
Tourist
19 0 1

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:

Screen Shot 2021-09-29 at 09.14.04.png

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

IMG_1271.jpg

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!

Replies 4 (4)

Ninthony
Shopify Partner
2330 350 1024

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

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄
AdamStokes2021
Tourist
19 0 1

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
Shopify Partner
2330 350 1024

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.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄

Ollie
Shopify Staff
2321 454 397

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.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog