# Uploading Site Logo
To upload your logo, go to Customizer → Site Identity. You can use the standard text logo version (with or without tagline) or upload your own brand image.
Select Logo and upload your logo to the WordPress media libraryOnce the logo is uploaded, you will have more options available.
# Responsive Height
Some WordPress themes restrict you to specific logo dimensions, which may result in a "too small" or "too big" look for some logos. Cassio has special options for tailoring logo height for different screen sizes, which can be very handy.
For example, you can have a fairly large logo on desktop screens, but you may want to make your logo smaller on mobile devices where there is less room for big elements. Using the sliders, you can adjust your logo's appearance on three screen sizes – desktops, tablets, and mobiles.
# Handling Different Backgrounds
Cassio has dozens of page templates that include a mix of dark and light backgrounds and different header styles. The problem is that if you upload a black logo, it will look good on light backgrounds, but it will not be noticeable on dark backgrounds. For example, the fixed header becomes dark when you start scrolling a page.
Luckily, you can upload a secondary logo version. In our example, I've uploaded a white logo version. After that, in the header options, you can choose which logo the theme should display in both normal and sticky header states.
Customizer → Header → Options
# Uploading SVG Logo
WordPress doesn't allow uploading SVG files to the media library. If you try to upload any .svg file, you will get an error like this:
WARNING
"home.svg" has failed to upload.
Sorry, this file type is not permitted for security reasons.
There is a handy plugin called Safe SVG (opens new window) that enables SVG uploads and makes it safe. There is no need for additional configuration. Simply install this plugin and upload your SVG logo as you did with raster images.