If I understood correctly.. Are you thinking about doing something like this ?
http://jsfiddle.net/mannemvamsi/oz4cn9bm/
Basically. What I want is for the header image to remain stationary and not scroll at all while I go down the page.
I’m not sure how to assimilate this into my CSS code. A little help, please? Swell Lite is a little different.
Hi Sam,
Just get rid of the background-attachment: fixed; in your #custom-header
This is the header code for the theme:
<!-- BEGIN #header -->
<div id="header">
<?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) { ?>
<div id="custom-header" <?php if ( has_nav_menu( 'fixed-menu' ) ) { ?>class="fixed-menu"<?php } ?> style="background-image: url(<?php header_image(); ?>);" data-type="background" data-speed="10">
<?php get_template_part( 'content/logo', 'title' ); ?>
<img class="hide-img" src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="<?php echo esc_attr( get_bloginfo() ); ?>" />
</div>
<?php } else { ?>
<div id="custom-header" class="non-active<?php if ( has_nav_menu( 'fixed-menu' ) ) { ?> fixed-menu<?php } ?>">
<?php get_template_part( 'content/logo', 'title' ); ?>
</div>
<?php } ?>
<!-- END #header -->
How do I remove the background-attachment: fixed; part?
Anyone still here? I really need the help. Please…I’m new to CSS.
