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 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)

    Any help is greatly appreciated.

    Regards,
    Wim

    The page I need help with: [log in to see the link]

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

  • try delete “position: absolute;”

    I’m not an expert, just for reference.

    • This reply was modified 5 years, 1 month ago by d9game.
    Thread Starter wvthoog

    (@wvthoog)

    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.