SVG display question

[EchoRomeo]

I'm trying to use SVG for my logo but the graphic doesn't seem to be displaying properly, especially in Chrome/Edge browsers. For whatever reason it looks fine in Firefox. In particular, the thin lined "paper" graphic element doesn't display well in Chrome/Edge. This graphic is currently being used as my logo on permittingtalk.com, if you care to take a look.

Here's the comparison:

Chrome/Edge (looks weird):


Firefox (looks normal):


Any idea how I can fix this display issue?

(Not sure if this is an issue with my Bolt Header custom style, btw, but I know the style affects the header, so thought I'd start by asking here.)

Thanks!

 

[Russ]

You may need to set the dimensions under: Style properties -> Basic options.

I think that should help things. Also double check the style you have set as the default. I went to your site and saw the default Bolt style.

 

[EchoRomeo]

Thanks - I tried messing around with the dimensions (the ACP and extra.less), per some existing advice on XF Community and elsewhere, but that didn't appear to help. I'll try tinkering some more and see if I can make progress.

Regarding the style, yes sorry, I was messing around with it this morning so you probably happened upon the site while I was experimenting. It's set to my configured style - Bolt Header - now. I think I'm going to drop the header and was comparing Bolt Header sans header with some of the other options. Bolt Header is pretty much the same as Bolt V2, right, but with just the header option added?

Thanks!

 

[Russ]

Yes to the Bolt question, same thing just allows for an image. If you're not using an image, Bolt v2 would be fine.

This is how your logo is showing up for me on Chrome:

 

[EchoRomeo]

Ok thanks. Yeah, looks like it's displaying fine for you in Chrome. Maybe the issue is my computer - is that possible? It's a relatively new laptop (Acer, full HD screen), so I wouldn't think that would be it...

Zooming seems to have an effect on how the "paper" element displays too:

Zoomed out (Chrome):

Zoomed in closer (Chrome):

Zoomed way in - looks completely normal:

Weird. But I guess if this is only happening with my computer then I shouldn't worry about it...

 

[Russ]

I would definitely start by adding the logo size to see if it helps as I mentioned above.

 

[EchoRomeo]

Thanks - went back and tried inputting various 'public logo height' and 'public logo width' values. That definitely adjusts the logo's size within the logo block but doesn't do anything to improve the display issue.

 

[Russ]

Not quite sure, haven't seen this before! I've tried a few devices/browsers and they're working.

 

[EchoRomeo]

Not quite sure, haven't seen this before! I've tried a few devices/browsers and they're working.

Thanks I appreciate your help troubleshooting. I'm baffled as well. I checked the logo on Chrome on all three of my PCs. I'm seeing the issue on both of my laptops (both full HD screens) but not my older desktop hooked up to a 720p monitor. Logo looks fine on my Pixel 7 Chrome browser as well. So I have no idea ?‍.