Title: Header problem with mobile
Last modified: February 28, 2021

---

# Header problem with mobile

 *  Resolved [quardlipy](https://wordpress.org/support/users/quardlipy/)
 * (@quardlipy)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/header-problem-with-mobile/)
 * Hey,
 * I have a problem whit a website’s mobile version.
    In desktop view there isnt
   any problem, but in mobile version the header’s height is too big/long.
 * One of the sizes is 790×20185
 * Look like.: [Link](https://i.imgur.com/QvSdPAo.png)
 * Thanks
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-problem-with-mobile%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [danielbora123](https://wordpress.org/support/users/danielbora123/)
 * (@danielbora123)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/header-problem-with-mobile/#post-14114469)
 * Hi,
    I seen your website, the problem is in media query margin is 1000px is given.
   If you can change that to none then it will work fine.
 * Either way is to paste this code to your style sheet
 *     ```
       @media screen and (max-width: 720px)
       .search-box {
            margin: 0px;
       }
       ```
   
 * Hope that will work if not let me know.
    Thank You
 *  Thread Starter [quardlipy](https://wordpress.org/support/users/quardlipy/)
 * (@quardlipy)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/header-problem-with-mobile/#post-14114986)
 * It doesnt work 🙁
 *  [Vlad](https://wordpress.org/support/users/vladytimy/)
 * (@vladytimy)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/header-problem-with-mobile/#post-14115133)
 * [@danielbora123](https://wordpress.org/support/users/danielbora123/) ‘s suggestion
   is prefectly valid. Kudos to you for finding that rogue style rule – It’s quite
   hidden.
 * However, I don’t recommend editing directly the stylesheet, otherwise your changes
   will be overwritten whenever the theme is updated. A custom CSS editor (Additional
   CSS) is found at Dashboard – Appereance – Customize – Additional CSS in the [Customizer](https://wordpress.org/support/article/appearance-customize-screen/).
   Also, this code is loaded later, so it should override previous CSS.
 * So, try adding this in Dashboard – Appereance – Customize – Additional CSS
 *     ```
       @media screen and (max-width: 720px){
           .search-box {
            margin:0;
           }
       }
       ```
   
 * You can learn how to use the [Chrome Developer Tools](https://developers.google.com/web/tools/chrome-devtools/)
   or [Firefox Developer Tools](https://developer.mozilla.org/en-US/docs/Tools) 
   to help you see and test changes to your CSS.
 * Hope this helps,
    Kind regards!
 *  Thread Starter [quardlipy](https://wordpress.org/support/users/quardlipy/)
 * (@quardlipy)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/header-problem-with-mobile/#post-14115261)
 * Thankyou so much 🙂
    -  This reply was modified 5 years, 3 months ago by [quardlipy](https://wordpress.org/support/users/quardlipy/).

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

The topic ‘Header problem with mobile’ is closed to new replies.

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [height](https://wordpress.org/support/topic-tag/height/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)

 * In: [Everything else WordPress](https://wordpress.org/support/forum/miscellaneous/)
 * 4 replies
 * 3 participants
 * Last reply from: [quardlipy](https://wordpress.org/support/users/quardlipy/)
 * Last activity: [5 years, 3 months ago](https://wordpress.org/support/topic/header-problem-with-mobile/#post-14115261)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics