Mobile Logo and Background size

Illdy
1

Hello,

I am making my first proper wordpress site and loving illdy.

Only issue i am having is my logo is too big and i would guess has too much padding at the bottom when viewed on mobile. In addition to this the background image on the Jumbotron is really really zoomed in on mobile but fine on PC. is there anyway i can make the logo smaller and background zoomed out?

Thanks,

Max

2

Hi @maxboy,

For zoom you could use this css code:

@media only screen and (max-width: 1024px) {
#header {
background-attachment: initial !important;
}
}

Regarding the logo we need to check your website to see exactly what is causing this.

Could you send your url to check?

Thanks,

Cristian

3

Hello Cristain, the website is Socialsheep.co.uk
that code didnt quite solve the background but in there i have changed the Px and i am happy with how th background loads. it just the logo being to wide now.

Thank you for your help.

4

Hello,

Please add the following CSS :

@media only screen and (max-width: 768px) {
.top-header .col-sm-2 a img {
    max-width: 100%;
    height: auto;
}
}

Have a nice day,
George.