SOLVED: 1.5 Release and still having issues with SVG Site logo


Bricks Version: 1.5
Browser: Safari
OS: macOS / Windows / Linux / etc.
URL: (a link to a page that illustrates the issue would be really helpful)https://testing.minolight.com/

I uploaded SVG website logos and it’s not displayed but is replaced by text.

@Maru Is SVG execution enabled in Bricks Options?

Safari Browser Version?

FYI: I can’t duplicate your issue.

15,6 but this is irrelevant as I’m having the same issue on every other browsers. It used to work fine on 1,4 before the update. I’m surprised that you can’t reproduce it.

Yes

Ok. Just realised with the update, you have some kind of SVG size limitations. When it goes beyond a certain resolution, Bricks seem to block it.

I also have a Problem with Logo Element and SVG.
Newest Versions official Versions of Firefox and Chrome.

You can see the Result on modusx.de.

It only shows the Alt-Tag.

Try resizing it to make It small. Apparently that fixed it for me.

No, unfortunately it does not work for me. And that should not be the purpose behind a SVG. I assume that I can upload any size. It worked before 1.5 too.

I’ll use a .png for now as long as it doesn’t work. I hope the problem will be solved.

What dimensions worked for you?

It was more about the DPI for me. I chose to go under 70 and it is displayed correctly now.

2 Likes

I can confirm this bug. After updated to v1.5, the SVG logo not rendering.

Dear @thomas and @luistinygod

in logo.php , line 100 is checking logo id and logo size,

However, some svg file’s size is empty string. (I assume the expected value should be ‘full’, ‘thumbnail’ etc)
If the SVG size is empty, logo will not rendering in frontend.

I am not really know the reason why my SVG got empty string on size attribute, could it be the logo field type => image can’t grab the size for SVG type?

If need a SVG image for test, maybe can download mine.
(https://itchycode.com/wp-content/uploads/2021/08/itchycode_logo01.svg)

1 Like

@itchycode I’ve uploaded your SVG logo locally, and it renders properly on my installation.

@Maru Did you manage to resolve the issue? Because I can see the SVG logo on your site https://testing.minolight.com. Tested in Safari & Chrome:

Hi Thomas. Yes. By resizing the SVG to something under 70dpi, it solved the issue.

Oh no. not sure why my old SVG’s size is empty. (uploaded in Aug 2021)
I tried reupload the same svg again and it’s working good now, the $settings[‘logo’][‘size’] showing ‘full’ if I print it out.

Thanks for the test

Bricks doesn’t add any such limitation to any file. When you refer to “resolution” in regards to your SVG file do you mean “dimensions”?

I guess the re-upload did the trick, not the “resizing”. If you re-upload the original SVG does it work too?

Very odd. Can you share the SVG that did NOT work here so that I can try to replicate the issue?

Hi. If I remplace the logo with this file (identical just more res.) the logo disappears and is replaced by text.

https://testing.minolight.com/wp-content/uploads/2021/05/new-logo_color.svg

Works for me (builder & frontend):

As mentioned in my previous message: If you re-upload this same SVG file, and try to use it, does it show? That’d confirm that the reupload fixed the issue.

That’s weird.

Here is what I get. When I replace the logo to the bigger res one, it changes to text and when I change it back to the new version, it works fine.

It’s not a biggie for me as I found a solution.

Video

Hi Maru, what Thomas suggest is, re-upload the problem SVG again.

From your video, the most right side logo cannot render, I suspect it was uploaded in old version of Bricks. You should upload 1 more time the same file (which mentioned by you that it is the higher DPI one), and now this new SVG should appears on most left side if you search for logo.

Try it and this should fixed the problem.

1 Like