Title: site-image / header
Last modified: January 23, 2020

---

# site-image / header

 *  [wvthoog](https://wordpress.org/support/users/wvthoog/)
 * (@wvthoog)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/site-image-header/)
 * Hi,
 * love this theme but i need some slight modifications.
 * What I’ve done so far:
    -hide left sidebar -aligned site-header to top of page-
   site-image opacity to 0.6 and stretch 100% -hide-on-scroll-down menu to opacity
   0.8 for letting site-image ‘shine’ trough
 * Used this additional CSS for that:
 *     ```
       #wrapper { padding-left: 0; }
       .s2 { display: none; }
   
       .site-title { display: none; }
   
       .hide-on-scroll-down { opacity: 0.85;}
   
       .site-header { position: absolute; top: 0; width: 100%; z-index: 10; }
   
       .site-image { width: 100%; opacity: 0.6;}
       ```
   
 * Which gives [this](https://imgur.com/a/Jr70lgt) result
 * Problem is that .site-header is moved to the back apparently and .container moves
   up to #header / .hide-on-scroll-down. I need it to stay below .site-header
 * When i set .site-header position to relative the layout is fixed but unfortunately
   not ‘behind’ #header / .hide-on-scroll-down. ([image](https://imgur.com/a/iBIDH9S))
 * Any help is greatly appreciated.
 * Regards,
    Wim
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsite-image-header%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [d9game](https://wordpress.org/support/users/d9game/)
 * (@d9game)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/site-image-header/#post-12375544)
 * try delete “position: absolute;”
 * I’m not an expert, just for reference.
    -  This reply was modified 6 years, 4 months ago by [d9game](https://wordpress.org/support/users/d9game/).
 *  Thread Starter [wvthoog](https://wordpress.org/support/users/wvthoog/)
 * (@wvthoog)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/site-image-header/#post-12375929)
 * That gives the same result as “position: relative”
 * .site-header is below #header/.hide-on-scroll-down not beneath

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

The topic ‘site-image / header’ is closed to new replies.

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

 * 2 replies
 * 2 participants
 * Last reply from: [wvthoog](https://wordpress.org/support/users/wvthoog/)
 * Last activity: [6 years, 4 months ago](https://wordpress.org/support/topic/site-image-header/#post-12375929)
 * Status: not resolved