Thread Starter
lara09
(@lara09)
Ok. Thank you very much for all support and your patience. I hope I’ll find the answer, if I will, I’ll let you know.
Thread Starter
lara09
(@lara09)
Thanks. Now I replaced header-image.php with this code. But now is the same like was in the first place 🙂
The image is fine, animated, but not in IE. There is the old, not the new one “banner-for-ie.jpg and is not responsive.
Thread Starter
lara09
(@lara09)
Hm, it’s still resizing unproportional. Before that code was ok, only a little too large, but I can live with that 🙂
And also was responsive.
I did all steps as you suggested me.
That’s my header-image.php:
<?php
/**
* Displays header media
*
* @package WordPress
* @subpackage Twenty_Seventeen
* @since 1.0
* @version 1.0
*/
?>
<div class=”custom-header”>
<!–[if IE]> –>
<style>
#wp-custom-header img {
display: none;
}
</style>
<div class=”custom-header-media”>
<!–[if IE]> –>
![]()
/banner-for-ie.jpg” />
<!– <![endif]–>
<?php the_custom_header_markup(); ?>
</div>
<!– <![endif]–>
<?php get_template_part( ‘template-parts/header/site’, ‘branding’ ); ?>
</div><!– .custom-header –>
and my functions.php:
<?php
// Exit if accessed directly
if ( !defined( ‘ABSPATH’ ) ) exit;
// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED – Do not modify or remove comment markers above or below:
if ( !function_exists( ‘chld_thm_cfg_parent_css’ ) ):
function chld_thm_cfg_parent_css() {
wp_enqueue_style( ‘chld_thm_cfg_parent’, trailingslashit( get_template_directory_uri() ) . ‘style.css’, array( ) );
}
endif;
add_action( ‘wp_enqueue_scripts’, ‘chld_thm_cfg_parent_css’, 10 );
// END ENQUEUE PARENT ACTION
Thread Starter
lara09
(@lara09)
Thanks, that size is ok on IE, but on smaller screen it resizes unproportional.
And still I have this static image on all browsers now not only IE 🙁
Thread Starter
lara09
(@lara09)
Too large is only on IE. It should be 2000 x 1200px like in Safari, Mozila or Firefox.
Thread Starter
lara09
(@lara09)
The image with logo is 2000 x 1200px as reccomended. And if it help, I do that svg with Vivus – logo on background image.
Thread Starter
lara09
(@lara09)
Ok, I’ve done that. The first header image (this one I replaced for now) is static, but it shows also on IE. It’s a little larger (can be fix that?), but is also responsive.
Thread Starter
lara09
(@lara09)
Oh, and now, when I add header image (svg), it’s static again 🙁
Maybe some files must be copied anyway?
Thread Starter
lara09
(@lara09)
I also copied other files in that child theme folder. Maybe I shouldn’t. Now, when I deleted them, I put my parent header image (svg) and that’s ok. You think if I activate now, will be ok?
Thread Starter
lara09
(@lara09)
Thank you, Andrew! I made a child theme and all things like you suggested, only that I didn’t test on IE, because I don’t know if it safe to already activate a child theme. Cos now I see that my header image is static (jpg, not svg) also on Safari. Will that change if I activate that child theme? Or shoul I use another code?
Thread Starter
lara09
(@lara09)
Ok, great, thanks, I’m fine to get dirty hands 🙂
Thread Starter
lara09
(@lara09)
I have 10 and 11, tried on different computers, but it doesn’t work.. I imported that images as svg files and put them in header. In Safari, Chrome and Mozila works fine.
Thread Starter
lara09
(@lara09)
I saw that all my svg header images are imported by Full svg support plugin. But still doesn’t work on IE. Do I have to put the code directly in php file? I’m not a developer and I don’t know where and how to put them. I can just redesign the page with css. Is there an option that I can do with css and replace those images with jpg just for IE? Also my website is not responsive for IE. Images getting scale proportionaly and have a grey part around the image header.
Thread Starter
lara09
(@lara09)
Before resizing images I tried to uncheck some fields in my plugin SVG Support, which I also activated before. And now is working! The site is like it supposed to be 🙂
