Custom logo not showing in Firefox

[ChefsConnection]

Hi guys!

I’m having a small problem getting a custom site logo to show in Firefox.  I’m using the following CSS to set the custom logo on specific pages, and using the default logo everywhere else:

 

@media (min-width: 320px) and (max-width: 991px) {#logo_img {width:65%;margin-top:30px;}}

 

.page-id-2778 #logo_img,

.single-portfolio #logo_img,

.home #logo_img,

.page-id-856011 #logo_img,

.page-id-856038 #logo_img,

.page-id-855995 #logo_img,

.page-id-855980 #logo_img,

.page-id-839612 #logo_img {

content: url(https://thechefsconnection.com/wp-content/uploads/2017/06/site-logo-new.png);

}

In Chrome this works fine, but Firefox still displays the default logo on these pages.  What do I need to do to fix it?

Thank you!

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Radu]

Hi,

Why you don’t try our native option custom logo on each page, you can have a different logo at the page level.

‘
Let me know

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[ChefsConnection]

Thanks Radu, I’ll give that a try. I forget that KLEO has everything. 🙂

[ChefsConnection]

Ok this works for the pages, but I have a question about the Single Portfolio items. I know I can set the logo for each post manually, but I’d prefer to use a global CSS setting so that my users don’t have to remember to set the custom logo each time.

Is there a way to do it?

.single-portfolio #img_logo <—- Doesn’t work in Firefox.

[Radu]

Hi,

The content property works only for pseudo elements :before and :after so that’s in chrome works and in firefox not.

https://www.w3schools.com/cssref/pr_gen_content.asp

Use the php way, it’s more efficient way

COPY CODE

function custom_logo_on_certain_pages( $url ) {

    $pagessamelogo = array(15,16,17,18,19,393);

    if(is_page($pagessamelogo)) {

        $url = 'https://thechefsconnection.com/wp-content/uploads/2017/06/site-logo-new.png';

        return $url;
    }
}
add_filter('kleo_logo', 'custom_logo_on_certain_pages');

Replace 15,16,17,18,19,393 with your pages ID’s that you have a certain logo

And also the logo link with your desired one: https://thechefsconnection.com/wp-content/uploads/2017/06/site-logo-new.png

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts