I think I know what the issue is….but to confirm, do you have a link to your site where this is?
At the moment, the site isn’t online yet, I’m working with XAMPP on localhost. But if you tell me, where to find, I’d like to send you the part of the code, you think the issue is involved.
No worries…
Firefox has a serious problem with responsive images that are in a container, such as a div (which the logo is in one). There have been many complaints to Firefox, but they are getting ignored.
However, this doesn’t help you much so on my next update, I will remove that outer container the logo sits in. In the meantime, you can do this…
Open the header.php file up and look for this:
<div class="header-image">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'title' ) ); ?>
<?php echo esc_attr( get_bloginfo( 'description' ) ); ?>"
rel="home"><img id="logo" src="<?php echo esc_url( $logo_upload['logo'] ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'title' ) ); ?>"></a>
</div>
Remove the div container and it’s closing tag as well:
<div class="header-image">
...
</div>
I tried this method with my Firefox, and removing that container solves it.
**Make sure you keep a backup copy of this file first in case you need to revert back to it.
try these codes
#logo img {
width:200px /*change to fit your style*/
height: 50px; /*change to fit your style*/
}
Hi,
I tried to remove the container, but then the whole logo doesn’t show up.
@moyo_joelle where can I put these codes into?
Think I found it.
Have solved it with the width/heigh-code.
Thank you both for your tips! 😀
