Unable to use logo on website?

Unable to use logo on website?

Additional CSS code for use logo on website

Use logo before website name

Use logo on websiteUse logo before website name

Here, we will learn that how to use logo on website before name or title. There are few simple steps or code by which we can make this easy. We can use the “display: inline-block” code to set the website logo before the website name or title. Please see the above image for an instance. Below is the Additional CSS code:

.site-title .custom-logo-link
{
float:left !important;
display: inline-block !important;
margin-left:-50px;
margin-bottom:-40px;
margin-right:150px;
margin-top:10px;
}

Margin Types:

In the above CSS code margin play the major role by which logo can be setup before the website name or title. We are using this margin type because some of the theme does not support the auto adjust the website logo before the name(use logo on website) by using below additional CSS code:

.site-title .custom-logo-link
{
float:left !important;
display: inline-block !important;

}

Hence, if theme does not support the auto adjust of logo before the website name then we can use the margin-left, margin-righ, margin-top and margin-bottom. these margin type will move the logo of the website in the form of pixel, you can increase or decrease the even you could have to use the minus (-) value for pixel to setup and can be setup before website name(use logo on website).

Hope, above code the helps you in your project, we will be here to help you happy for more blog or article. if you have any optic, please provide us we will surely provide the best solution.

if there is any challenge or any issue you are facing in the project then you can contact us via Email. if you like this article then like and follow us on the social, we will be there always

Thanks,

Contact us for more detailsClick here
Categories Technical