Problems changing logo.svg (Illustrator, CS6)

Hi There

I seem to be having issues changing the logo.svg file. I'm assuming this is the file that is used to display the 'John S.' logo at the top of the main header on the home page?

If I upload a new version of the file then it doesn't display. Just disappears completely. Even just opening up the original file and re-saving without any changes seems to mean it disappears when I upload the resaved version to the same location (templates/gk_john_s/images)?

I'm opening it up in Illustrator - is there some particular setting I need to use when saving it to prevent this problem occurring?

Thanks
Paul

What version of Illustrator are you using?

I'm using CS6. It's giving me options to save as an SVG 1.0, SVG 1.1, SVG Tiny 1.1, SVG Tiny 1.1+, SVG Basic 1.1 & SVG Tiny 1.2 but none seem to work - I think I've tried them all.

Thanks

It is a problem of CS version itself. CC wersion exports svg different way - without additional canvas etc. Wit CS6 even when all options are set fine the logo will not work without some file editing.
To fix that you can edit the logo in any web enabled text editor (such as notepad++ on win, textedit on mac) and find this line:

Code: Select all

<svg version="1.1" id="header_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    viewBox="0 0 612 792" enable-background="new 0 0 612 792" xml:space="preserve">


(or simillar).
Now what you need is to remowe width and height declarations from this line, so at the end it looks this way:

Code: Select all

<svg version="1.1" id="header_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    viewBox="0 0 612 792" enable-background="new 0 0 612 792" xml:space="preserve">


The only difference is with the numbers - you will have different in your file.

What I did to generate this file was to open it in Illustrator, modify and simply save (without export).

Hi Cyberek
I have the same problem with my logo.svg
using your fix and cleaning cache, the logo isn't displayed anymore. The very moment I set width and height to 0px in the svg code I loose it.
svg was created with Illustrator CS 4. Width and height of my logo are 306px and 177px
#gkLogo.cssLogo,#gkLogoSmall.cssLogo is defined to match these dimensions

Code: Select all

<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    width="0px" height="0px" viewBox="0 0 305.667 176.333" enable-background="new 0 0 305.667 176.333"
    xml:space="preserve">
<pattern  x="61.333" y="128.333" width="69" height="69" patternUnits="userSpaceOnUse" id="Unnamed_Pattern" viewBox="2.125 -70.896 69 69" overflow="visible">

Anything wrong with the code ?
regards

Sorry, but I don't know how to read svg code entirely. I have found a way to fix svg exported by cs6. cc exports correctly. With older version its up to you to figure it out (sorry but we cannot support Adobe products). I would suggest to compare original svg file (provided with template) and exported with Illustrator cs4 and find the difference in general declarations.

Ok Cyberek, I'll do that way
for the moment I have configurated small-tablet.css to display a minimized version of the logo.png
It works - I just don't have the smooth reduction from normal size to reduced size I could have with SVG
It can work like that till I find a fix for my svg version.

Or you can try Illustrator cc trial - it exports svg correctly.

Anyone that may had resolve that issue? I am facing the same problem with Illustrsator CS6. Even i changed the svg file by removing the width and the height it does not working.

Could you please post an url to your site?