Any way to reduce the distance between the logo area and body of a page?

Hi @onlinemo,

The spacing do look good better still if you want to decrease it in mobile view, please add the following CSS:

@media (max-width: 480px) {
.logo .logo-image {
	padding: 20px 0 0 0;
 }
}

Help link?https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

Thanks and Regards,
Milan

Hi @rubick322 ,

thanls for the reply. I added this code as additional css but i’m not sure it’s made any difference looking at my mobile view. Would you be able to look for me what might be happening?

thanks

Hi @onlinemo,

Yes, there’s a change, but it needs a keen eye to know the changes. I guess the distance reduced by previously CSS wasn’t viable for you and your site so, please replace the previous CSS with below CSS.

@media (max-width: 480px) {
.logo .logo-image {
    padding: 0;
    height: 50px;
}
}

Help link https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

Thanks and Regards,
Milan.

Hi @rubick322,

thanks – i just tried this and cleared cache in my broswer but am still not seeing any changes in mobile view? I also played around with the height number and tried things like 10px etc and still it didn’t change?

Hi @onlinemo,

Your CSS hasn’t been updated, it may be caching issue or you didn’t add CSS properly as it is showing the CSS which I previously provided.

Thanks and Regards,
Milan