Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 30, 2016 at 2:56 pm #718799
    liapos

    Dear Kriesi Team,

    on our new web page we have visualization problems concerning our SVG Logos (in the Header and also on the pages) when the pages are displayed by Internet Explorer (v.11).

    Is there a solution to this problem?

    Thanks in advance

    V. Pekmez

    November 30, 2016 at 3:20 pm #718807
    Yigit

    Hi liapos!

    I asked my teammates to check your website on IE11. Please kindly wait to hear from them.
    In the meantime, please update Enfold to the latest version 3.8.1 – http://kriesi.at/documentation/enfold/updating-your-theme-files/. You are currently using an older version of the theme.

    Regards,
    Yigit

    November 30, 2016 at 3:39 pm #718829
    Vinay

    Hi,

    Thank you for reaching out to us, we are happy to help you with this issue.

    Please let us know how the svg logo is added ? Was there any plugin used?

    We recommend using a plugin like https://wordpress.org/plugins/svg-support/ and upload the svg logo to media library like a normal image and use it where ever you like on the site.

    Also please update the site to the latest version as suggested earlier.

    If you need any further assistance please feel free to get back to us with login crediantials in private so we can take a closer look at the issue.

    Best regards,
    Vinay

    November 30, 2016 at 6:01 pm #718914
    liapos

    First of all thank you for your very quick response.

    I already use the plugin SVG Support. All the SVG files are uploaded into the media library.

    The site is updated now to the latest version.

    But unfortunately the problem persists.

    November 30, 2016 at 6:04 pm #718916
    liapos

    And here are your login credentials:

    December 1, 2016 at 10:11 am #719166
    Vinay

    Hi,

    Thank you for sharing the login details. However it does not allow me to look at the sections i want to in the backend. Please post us login credentials with full admin rights (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    December 1, 2016 at 3:49 pm #719289
    liapos

    Ok. Sorry. Now you have admin rights. And also permission to deactivate plugins.

    Below the login information.

    Best regards

    December 5, 2016 at 12:05 pm #720422
    Vinay

    Hi,

    Sorry for the delay, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .logo, .logo a {
   max-width:300px!important;
}

    Best regards,
    Vinay

    • This reply was modified 8 years ago by Vinay.
    December 7, 2016 at 1:01 pm #721458
    liapos

    Dear Vinay,

    first of all thanks for your proposal which partially solves the problem. Sorry to bother you with this issue more but here are my new questions:

    1) The width limitation kinda solves the problem with the display in Explorer but after this modification the display in the other browsers is also affected which is actually not intended. Can one limit this limitation only to Internet Explorer?

    2) Apart from the main logo also other SVG logos suffer from misalignment and distrotion (for example on the lower section of startpage). How can one solve this problem?

    Thx for your efforts

    December 11, 2016 at 9:06 pm #722860
    Vinay

    Hi,

    No you don’t bother at all :) I’m happy to help you with this issue.

    Sorry for the delay, We have updated the code to :

    .logo, .logo a {
   max-width:451px!important;
}
.header-scrolled .logo, .header-scrolled .logo a, 
.header-scrolled-full .logo, .header-scrolled-full .logo a {
   max-width:225px!important;
}

@media only screen and (max-width: 767px) {
.responsive #top .header-scrolled .logo, .header-scrolled .logo a, 
.responsive #top .header-scrolled-full .logo, .header-scrolled-full .logo a
{
    width: 80%;
}}

    I’m not sure why the SVG elements are not getting the width in IE. A plugin conflict may be one of the reason for this issue.
    To find which plugin is causing the conflict please follow these steps:

    1. Go to your plugins page > Deactivate all active Plugins
    2. Update WordPress and Enfold to latest version if you have not.
    3. Make sure all the plugins are updated.
    4. If the problem does not persist when plugins are turned off, activate one plugin at a time and refresh until you find the plugin in conflict.

    We await the results of your plugin compatibility test.

    Thanks for your cooperation :)

    Best regards,
    Vinay

    December 11, 2016 at 9:40 pm #722864
    Guenni007

    can i see the page too ! I’m using on default svg for logo files – and only if the logo has to be pixelbased (complex fotos or graphic) i’m forced to use pngs or jpgs.
    So – i do not use a plugin for svg support. The simple solution for using svgs in wordpress is in child-theme functions.php :

    function custom_mtypes( $m ){
    $m['svg'] = 'image/svg+xml';
    $m['svgz'] = 'image/svg+xml';
    return $m;
}
add_filter( 'upload_mimes', 'custom_mtypes' );

    only there is no preview on media list – but you can use it everywhere.
    The one thing to know is WordPress thinks these svgs got a width and height of 1px.
    So it is recomended to set up these information in quick css.

    December 13, 2016 at 7:28 pm #723930
    Vinay

    Hi,

    As always thank you for sharing the solution @Guenni007 :)

    I hope everything is working fine for you now in case you have any questions please feel free to get back to us.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.