Space appears below my logo only on mobile pages?


I’m getting a strange bug. On my normal page (on a normal PC) the logo displays normally (see first picture below) but on the tablet or phone pages I get an ugly space under the logo as if the logo is too big - but it isn’t.

Can anyone advise!?

My logo size is 116 x 70 but i’va also tried the advised size in the theme and it does the same thing.

Thanks for any help!

Hi there

Hope you are having a good day and thank you for your question :slight_smile:

In order to check your question i need to see your live website, please provide url and i will take a look

Hi, the live site can be found here.


hey there

Please add this CSS in appearance - customize - additional CSS

div#logo {
display: inline;

Colorlib Support Team

That worked perfectly, thanks!

Hi, there

I will close this case now, Feel free to contact us again if you have other questions