CODEWITHSUNDEEP
csswordpressresponsivegraphical-logo
Rod
Rod

Reputation: 1

How can I get the logo to be responsive in my Wordpress theme?

The logo on my website www.rodharbinson.com is not responsive, so when viewed on a mobile phone is far too big and covers the menu and header. The rest of the theme is responsive.

I've tried all the administrative theme settings and some custom CSS codes, with no joy.

Grateful for any suggestions for a possible fix.

Upvotes: -4

Views: 1105

Answers (1)

Gagandeep Singh
Gagandeep Singh

Reputation: 1005

You can easily control size of your logo for different screens using css media-queries, Use the following css code in your theme to make the logo small for devices with width less then 480px

@media (max-width:480px){

    #logo img{
        width: 60px;
        height: auto;
    }

}

Change the width of logo according to your requirements.

Upvotes: 1

Related Questions