Title: Header Space
Last modified: September 1, 2016

---

# Header Space

 *  [j2roberts](https://wordpress.org/support/users/j2roberts/)
 * (@j2roberts)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/header-space-3/)
 * [http://Www.sdrkings.com](http://Www.sdrkings.com)
    Is there any way I can compress/
   shorten the header space? When viewing in mobile the header takes up most of 
   the screen
 * Thanks!!

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

 *  [Freddie](https://wordpress.org/support/users/fmixell/)
 * (@fmixell)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/header-space-3/#post-7700306)
 * Looks like you need to use an [@media](https://wordpress.org/support/users/media/)
   query.
 * Here’s a link to some info:
 * [http://www.w3schools.com/cssref/css3_pr_mediaquery.asp](http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)
 * Using this query will allow you to apply separate styling to your site when users
   have smaller sized screens.
 * Let me know if you need anymore help!
 *  Thread Starter [j2roberts](https://wordpress.org/support/users/j2roberts/)
 * (@j2roberts)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/header-space-3/#post-7700320)
 * Thanks for your help I took a look at your link but I still cant quite get it.
   I’m looking to shorten the top header when on mobile maybe by like 25%. thanks!

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

The topic ‘Header Space’ is closed to new replies.

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

 * 2 replies
 * 2 participants
 * Last reply from: [j2roberts](https://wordpress.org/support/users/j2roberts/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/header-space-3/#post-7700320)
 * Status: not resolved