Logo size change depending on desktop/ipad/iphone ?

[Dominicus Björkstam]

Hi,

Is there a way to change the logo size to be smaller on mobile devices?
The same question goes for slider text sizes.
Now if I change the screen to mobile phone the logo is too big for the screen – it goes partly behind the slider texts.

One bug is that there does not seem to be a place to change the hovercolor for the footer info box social icons. I have changed all other hovercolors/highlight colors from orange to green but this is not changed.

Thanks, Dominicus

PS. The site is at www.db-architects.fi (bilingual Finnish/swedish site)

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.footer-social-icons .social-icons a:hover {
    background: #5bd640 !important;
}

@media screen and (max-width:479px) {
.logo { max-width:40% !important;}
.nivo-caption .title { font-size:18px !important;}
.nivo-caption .slidedesc { font-size:12px !important;}
}

Regards,
Chris

[Author]

Posts