CODEWITHSUNDEEP
wordpressresponsive
Kenny
Kenny

Reputation: 31

Responsive.css logo

my logo is not responsive on mobile phones.

Code below. Wordpress theme: xclean.

Can anyone help please?

Thank you. 

/*=============================================
    =            Mobail Menu Style            =
    =============================================*/
  .header-search {
    right: 0;
  }
  .header-search .searchform input[type="text"] {
    width: 160px !important;
  }
  .header-search .searchform input[type="submit"] {
    width: 35px !important;
  }
  .header .site-logo a {
    display: block;
    text-align: center; 
  }
  .header .site-logo .slideItWrapper {
    display: inline-block;
  }
  .header-cart:hover .dropdown {
    visibility: hidden;
    opacity: 0;
  }
  .header-cart .dropdown {
    display: none;
  }

Upvotes: 1

Views: 76

Answers (1)

MobiDevices.com
MobiDevices.com

Reputation: 913

Use Relative units of measure:

.header .site-logo a {
    width: 10vw;
}

Upvotes: 2

Related Questions