Title: Responsive header problems
Last modified: August 31, 2016

---

# Responsive header problems

 *  [Costados](https://wordpress.org/support/users/costados/)
 * (@costados)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/responsive-header-problems/)
 * Hi, I have tried all code posted here to solve the problem with the header and
   the way it shows the logo in mobile devices. The problem is the same it was posted
   by other users: In mobile devices or resizing the screen in PC, the logo keeps
   its size. Some code fixes partially the problem but created a white gap below
   the logo. Another code successfully resize the logo but does not keep proportionality.
 * I have played with this code (different posts, same result):
    ————– [@media](https://wordpress.org/support/users/media/)
   only screen and (max-width: 768px) #logo-image { float: none!important; margin:
   10px 0!important; min-width: 138% !important; display: inline-block; }
 * ———–
    [@media](https://wordpress.org/support/users/media/) only screen and (max-
   width: 768px) #logo-image { width: 960px !important; max-width: 133%; }
 * ————–
    .custom-header { padding: 45px 20px 115px 0px!important; position: relative;
   min-height: 125px; background: url(xxx) top center no-repeat; border-bottom: 
   0; } ————— .custom-header { background-size: 100% 100% !important; } ————– #tagline{
   display: none; }
 * .custom-header {
    background-size: 100% 100%; }
 * etc.etc.
 * Any advice?
 * Thanks

Viewing 15 replies - 1 through 15 (of 15 total)

 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929449)
 * Hi there,
 * Thanks for writing in!
 * Would you mind posting your website’s URL so that we can take a look into your
   setup and provide you with a tailored answer.
 * Thanks!
 *  [ufirst](https://wordpress.org/support/users/ufirst/)
 * (@ufirst)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929450)
 * I have the same problem, my header is not responsive. How can i fix this [http://www.remysalvador.nl](http://www.remysalvador.nl)
 *  Thread Starter [Costados](https://wordpress.org/support/users/costados/)
 * (@costados)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929451)
 * Thanks emranemranx. Could you please provide an email to send you the link?
    
   Regards
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929455)
 * Hi Ufirst,
 * Thanks for writing in!
 * Upon checking, it seems that your site has been suspended. Please fix that and
   come back after.
 * Thank you!
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929456)
 * Hi Costados,
 * You can post your website on forum; as long as we aren’t asking for admin credentials
   so its safe posting only URL.
 * Thanks!
 *  [ufirst](https://wordpress.org/support/users/ufirst/)
 * (@ufirst)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929457)
 * Hello emranemranx,
 * It is fixed now. I had problems with hackers and spam on the website. Had to 
   make again.
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929459)
 * Hi there,
 * Regarding making header responsive; Please add the following code under **Appearance
   > Theme Options > Custom CSS**:
 *     ```
       @media only screen and (max-width: 992px) {
   
           .header {
               padding-bottom: 0px;
           }
   
           .custom-header {
               background-size: 100%;
           }
   
       }
       ```
   
 * Hope this helps.
 * Thanks!
 *  [ufirst](https://wordpress.org/support/users/ufirst/)
 * (@ufirst)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929460)
 * yes it worked thanks a lot! The only problem i still have is that; on the phone
   you see a lot of white under the picture. Can i fix that with costumizer – header
   or is it something else?
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929461)
 * Hi ufirst,
 * Glad that worked!
 * I’ve tried to get enter into you site but it seems not to be working again. Please
   fix your site and come back, then we’d be able to help you out.
 * Thank you!
 *  [ufirst](https://wordpress.org/support/users/ufirst/)
 * (@ufirst)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929462)
 * Hello,
 * I veel treed to acces the website but on my Phone everything works normally i
   have no issues.
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929467)
 * Hi there,
 * Upon checking into your website it passes this error (see: [http://prntscr.com/9wqcj1](http://prntscr.com/9wqcj1)).
   Please confirm if the error is fixed, so after we’d be able to provide you with
   a detailed answer.
 * Thank you!
 *  [ufirst](https://wordpress.org/support/users/ufirst/)
 * (@ufirst)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929468)
 * that is really weird, hopefully its done now, i have changed some settings.
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929479)
 * Hi there,
 * Upon checking into your site, it seems you’ve shifted to another theme. Please
   switch the theme in order to get assisted.
 * Thank you!
 *  [ufirst](https://wordpress.org/support/users/ufirst/)
 * (@ufirst)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929480)
 * Yes i’ve changed it yesterday night. I prefer this theme more. Thanks anyway.
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929481)
 * You’re welcome! 🙂

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘Responsive header problems’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/evolve/4.3.7/screenshot.png)
 * evolve
 * [Support Threads](https://wordpress.org/support/theme/evolve/)
 * [Active Topics](https://wordpress.org/support/theme/evolve/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/evolve/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/evolve/reviews/)

 * 15 replies
 * 3 participants
 * Last reply from: [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/responsive-header-problems/#post-6929481)
 * Status: not resolved