How to change my page logo?

On the Theme Options> General Options> Logo

  • Change the logo of your website on Modern Logo
  • Change the logo of the user dashboard on Logo User Dashboard
  • Change the Retina Logo but you should take notice of renaming the logo retina to [email protected]. Logo is my_logo.png. Logo Retina must be: [email protected]
  • Change the Mobile Logo for the mobile screen 
After that, navigate to Appearance > Customize > Site Identity then upload Logo and Logo Mobile
To change the icon of website, upload Appearance > Customize > Site Identity > Site Icon 
How to change my page logo Image 1


The recommended logo dimensions for a web page are 250 x 150 px for the vertical layout in PNG format. If your logo is too big or too small on the mobile screen. You can change it by adding a custom CSS

Go to Theme Options > Styling Options > CSS Custom and paste the code below. You can change the width of logo you want. For example, I change my logo to 135px 

					@media screen and (max-width: 991px)
.header__left .logo img {
    width: 135px!important;
General Options Image 6

Now, you can see how your logo has changed on mobile devices

General Options Image 5