in this video I will show you how to change the logo of your website
we want to change that logo on the left side so you will see there is two
different logo one of their regular logo and when you scroll down the website you
will see there is another logo which is the Mini logo
you go to the WordPress dashboard then you go to theme options > Logos
here you have a couple of settings that you can change first one is the option
to have a logo or not displayed on your website and you have two different sets of logo
the dark version and a light version. Ok the retina version of your logo
basically an HD version of your logo and it's used only on new devices that
support Retina displays so it's a good idea to use one. Basically it's the same version of your regular logo but it should be twice larger than your regular logo
If your regular logo is 100px x 100px, your retina logo will be 200 x 200.
The recommended size for or dimension for the regular logo
is 200 pixel width and for the retina version is gonna be 400 pixels width
The height will be adjusted automatically.
Below you have the option to choose which logo you want to use
across your site. Either the light version or the dark version. you have also the option
to choose a logo for your reponsive menu such as a mobile device or a
tablet. The first thing I'm gonna do is to remove all the existing logos to replace by new ones
You can upload your logo version in bulk. Im gonna choose 4 of my logos
I'm gonna select the dark regular logo. As you can see it's 201 pixel width and
I'm gonna select the retina logo as well
so as you can see here the retina version is 401. So it's (almost) twice
alright so I'm gonna upload my light version of my logo
and here I will hit Save Changes then I am going to the front-end
of the website. I refresh the page and I like to clear the cache with my browser
to make sure all the changes have been applied. So when I scroll down I have a
mini logo. Ok now I'm gonna show you how to change that mini logo when you scroll down the website.
Remember that mini logo is optional so if you don't put a mini logo, your regular logo will
show up, The dimension for that mini logo is around 100 x 100 pixels and it
will adjust the size automatically when you upload it so don't worry
about the size but try to upload a file that is around 100 x 100 and that's it!
I refresh the page, I clear the browser cache ...and here we go, the mini logo is showing up
Now i'm gonna show you how to change the logo for the responsive mode so when people visiting your website on
mobile you'll see another version of the logo which is optional as well so if you
resize your browser window you will see that mobile logo here so to change it
is very simple. You go back to your WordPress dashboard and change the logo
on responsive menu.
and you're done. You can resize the browser window to see the change .
Thanks for watching