Support Center Visit Demo License manager Buy @ envato

SVG Logo Animation

swissclickswissclick
in Files & images
Dear betheme team,

I did a little logo animation (svg), which will be activated when hovered.

I added the logo to the menu, over the regular betheme settings.
If I hover it, it doesn't work. Is there any solution for that?

I did the animation with svgator (if that helps.) if I implement the logo in a normal page or post it works perfectly.

your help would be appreciated.

Comments

  • BryanBryan
    HI,
    okay but you cannot have a svg image animate on its own, you have to also add custom css and/or JS.
    Where did you paste it?
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • swissclickswissclick
    edited May 2018
    Dear betheme team,

    Well I didn't copy any code anywhere. I did the animation with svgator and apparently it worked that way, without any code. The Animation worked fine, when I used it on another page.

    One thing I once noticed is, that in the header your hover or clicks won't be recognized. Maybe there is a general layer problem or something.

    Svgator is an online tool, where you can do little svg animations and when exported, the file will work without any help from code. Or the code is implemented. I'm not really sure. There has to be code somewhere of course.

    Regards, Swissclick
  • BryanBryan
    Can you please send us a link to the page with that logo set up?
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • swissclickswissclick
    Dear Betheme Team,

    It's still in development.

    At the top you can see the svg logo, which doesn't work.

    But If you look at the file itself it works fine when hovered. ([Links visible only for registered users])
  • BryanBryan
    If you are using an SVG logo then you have to declare its height.
    You will find that option in theme options>global>logo
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • swissclickswissclick
    Hello, 

    Well the Logo itself is shown of course, but not the animation.
    So that doesn't really help me. 

    The only thing that doesn't work is the hover effect on it, which clearly works if you look it up here: [Links visible only for registered users]

    This is the exact same file. I just implemented it over the options.

    I tried to implement the logo within the page. The SVG is shown, but the animation doesn't work.

    Is there any solution for that?

    Regards, Swissclick
  • BryanBryan
    Have you checked it on ther themes like 'twentysixteen' ? Does it work there?
    Also we see that you have managed to change the theme look a bit. Maybe your modifications or plugins are causing this.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • swissclickswissclick
    Is there a way to try this without destroying my page completely? I mean if I change the theme know, It will really mess it up I guess.

    About the CSS Changes I did: Well maybe, but the only thing I did to the logo area was to adjust the size of the logo. I didn't really do anything else.

    Regards, David 
  • BryanBryan
    Yes, we understand but this is not a theme feature. Animated svgs are out of the support policy and we really cannot do anything about it if it does not work.
    If you change/activate another theme then nothing bad will happen.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • swissclickswissclick
    I understand, but thanks for the support anyway.

    If I find a proper solution I will post it here.


Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.