# Mobile Logo Color in Elements **URL:** \ **Category:** Elements\ **Created:** [September 30, 2025, 6:08am UTC](https://forums.realmacsoftware.com/t/mobile-logo-color-in-elements/51412 "2025-09-30T06:08:39Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![AstraeaMarketing](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/astraeamarketing/32/26251_2.png) [@AstraeaMarketing](https://forums.realmacsoftware.com/u/AstraeaMarketing)\ **Post date:** [September 30, 2025, 6:08am UTC](https://forums.realmacsoftware.com/t/mobile-logo-color-in-elements/51412/1 "2025-09-30T06:08:39Z")
Hi all. Head scratcher for you to maybe help me with. For some reason when I view my new Elements site on Mobile (or a small window on my desktop), the swirl from my logo turns sea foam green instead of dark blue. At no point did I ever create a sea foam green logo. If you look at [www.astraeamarketing.com](http://www.astraeamarketing.com) on desktop, you’ll see the correct color. On mobile, it appears like the attached screenshot. Any thoughts on what could be causing this color shift? Thanks in advance! Bob ![Screenshot 2025-09-30 at 2.02.51 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/a/5ae43b41b18102fe20a033af671e08fb484937c9.jpeg) ---
**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\ **Post date:** [September 30, 2025, 6:24am UTC](https://forums.realmacsoftware.com/t/mobile-logo-color-in-elements/51412/2 "2025-09-30T06:24:05Z")
The SVG image was created in Illustrator with that colour as style defs, which are not being overridden. ![CleanShot 2025-09-30 at 7 .20.10@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/6/b6910baec1ae84be625a5cbf0a0927d71810b655.jpeg) Try optimising teh SVG image here and remove the style defs: > **[SVGOMG - SVGO's Missing GUI for minifying SVGs](https://jakearchibald.github.io/svgomg/)** > > Easy & visual compression of SVG images. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [September 30, 2025, 9:06am UTC](https://forums.realmacsoftware.com/t/mobile-logo-color-in-elements/51412/3 "2025-09-30T09:06:40Z")
The mobile menu uses a separate drop zone, so you’ll need to specify the colour on the SVG in there also… ![CleanShot 2025-09-30 at 10 .06.14@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/6/d64ef2240e676612139a54aad5e0e054d07737ac.jpeg) ---
**Author:** ![AstraeaMarketing](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/astraeamarketing/32/26251_2.png) [@AstraeaMarketing](https://forums.realmacsoftware.com/u/AstraeaMarketing)\ **Post date:** [September 30, 2025, 11:04am UTC](https://forums.realmacsoftware.com/t/mobile-logo-color-in-elements/51412/4 "2025-09-30T11:04:32Z")
Thanks, Dan. Odd that it’s coming up green when I never selected that color. ---
**Author:** ![AstraeaMarketing](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/astraeamarketing/32/26251_2.png) [@AstraeaMarketing](https://forums.realmacsoftware.com/u/AstraeaMarketing)\ **Post date:** [September 30, 2025, 11:06am UTC](https://forums.realmacsoftware.com/t/mobile-logo-color-in-elements/51412/5 "2025-09-30T11:06:19Z")
Thanks for the tip. As I mentioned to Dan, odd that that green is in the mix as I never used anything but my logo’s dark blue in Illustrator. ---
**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\ **Post date:** [September 30, 2025, 11:08am UTC](https://forums.realmacsoftware.com/t/mobile-logo-color-in-elements/51412/6 "2025-09-30T11:08:21Z")
I can see in your source code that the svg you have supplied was designed in that sea foam green, and exported out of illustrator using styles. Elements can not override that designed colour, in the defs, it its read after the tailwind classes Elements applies for fill and stoke. ---
**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\ **Post date:** [September 30, 2025, 11:14am UTC](https://forums.realmacsoftware.com/t/mobile-logo-color-in-elements/51412/7 "2025-09-30T11:14:15Z")
Not used illustrator for years, but apparently this is the way: ![CleanShot 2025-09-30 at 12 .13.28@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/9/290a46eccafebc3336b6e0fe662b03505b0c6ef4.png) ---
**Author:** ![AstraeaMarketing](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/astraeamarketing/32/26251_2.png) [@AstraeaMarketing](https://forums.realmacsoftware.com/u/AstraeaMarketing)\ **Post date:** [September 30, 2025, 11:35am UTC](https://forums.realmacsoftware.com/t/mobile-logo-color-in-elements/51412/8 "2025-09-30T11:35:38Z")
I can’t say I have used SVG much in the past so I just exported with the default settings. Thanks for taking the time to provide some guidance on this.