Text colors shifting to dark grey on mobile/ SVG logos also modified

Design help General
1

Hello dear community!

I’m having trouble with the Mobile M and P breakpoints. The colors from headings, paragraphs and texts inside buttons are shifting to a dark grey. Text colors are ok in the footer and navbar.

Everything ok in the Designer’s view. If I activate the Mobile view in the Console/Inspector through desktop browsers (Chrome, Safari and Brave), also the preview looks fine. But if you access the URL on the smartphone you’ll see the problem: https://www.d-dust.de/

Also in the same Mobile breakpoints the SVG logos (Brand) on top of the site have altered font types.

Any ideas?

Read-Only: https://preview.webflow.com/preview/d-dust-de?utm_medium=preview_link&utm_source=dashboard&utm_content=d-dust-de&preview=3cd0acb5b603421b15463b4ddb1a0b4c&workflow=preview

Thank you in advance!

Best regards,

D-DUST

2

Hello @D-DUST

The text is grey on all devices for me

Screenshot 2022-03-02 at 14.41.49
Screenshot 2022-03-02 at 14.41.491920×1098 181 KB

IMG_F0AFE3BCBED3-1
IMG_F0AFE3BCBED3-11242×2688 99 KB

Can you share a screenshot of the problem you are seeing?

For the svg, make sure to outline the svg in adobe or figma before uploading to Webflow.

:webflow_heart:

3

Hey Piter,

Thank you so much for your fast reply. I took a screenshot from my smartphone to show you the problem.

Thats a screenshot from an iPhone 6 iOS 12.5.5. Google Chrome is updated.

IMG_4993
IMG_4993750×1334 193 KB

photo_2022-03-02 16.18.28
photo_2022-03-02 16.18.28719×1280 58.4 KB

But if you can see it with the right colors in your smartphone, maybe the problem is with my mobile!?!

Thank you again Piter!

D-DUST

Read-only: Webflow - d-dust.de

4

But one thing I have noticed: you have no backgound in your screenshot at the explanation section: “Outer-Act is a street art…” :thinking:

As you can see in my screenshot there is a graphic there!

Well, step-by-step. Thanx!

D-DUST