How to make logo bigger and change favicon

Hi,
How can I make this logo bigger and change the favicon? I used multisite favicon from ultimate branding but keeps showing WordPress favicon. How can you aid me solve this?
url: http://www.ultramusicgroup.com/heftydrumz/
url: http://www.ultramusicgroup.com/blakemon/

Regards

  • Adam Czajczyk

    Hey Barni,

    I hope you're having a nice day!

    Let's start with a favicon first, may we?

    I can see that the favicon for the first site is being displayed fine under Chrome (on Windows) but not under Firefox, I assume the issue may refer to other browsers to. I've checked the site's code and I can see that there's no favicon set at all but a "shortcut icon" is.

    Would you please then use Ultimate Branding favicon function again but this time

    - make sure that the icon file is in proper format as described here (select the one that's mostly universal to cover as much browser's as possible): https://en.wikipedia.org/wiki/Favicon#File_format_support

    - if it still doesn't help, check if the theme you're using allows you to change or disable the "shortcut icon"; if it does then do it (either disable at all or set to be the same as favicon)

    This of course applies to both sites in question.

    Let me know if it helped, please;

    As for logo size on first site.

    Please add the following CSS rule either to your child's theme style.css file (if you're using a child theme) or via a Simple Custom CSS plugin

    https://wordpress.org/plugins/simple-custom-css/

    .logo img {max-height:150px!important;}

    Of course you may want to replace the "150px" value with your own height of choice.

    I hope that helps!

    Cheers,
    Adam

  • Predrag Dubajic

    Hi Barni,

    I can see your custom favicon when opening your site so do you still require help with that part?

    As for the logo, try adding this CSS code and see if that is what you are looking to accomplish:

    @media only screen and (min-width: 1240px) {
    	#Top_bar.is-sticky {
    		height: 105px;
    	}
    	#Top_bar #logo img {
    	    margin-top: -30px;
    	}
    	#Top_bar.is-sticky #logo img {
    		margin-top: 0;
    	}
    }

    If the theme is not one you made, then you may wish to use a child theme or a plugin like this one for this additional CSS. That way you're protected when you come to upgrade.

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.