Title: Header Image Scrolling
Last modified: August 30, 2016

---

# Header Image Scrolling

 *  [Sam – Unsheathed](https://wordpress.org/support/users/sam-unsheathed/)
 * (@sam-unsheathed)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/header-image-scrolling-1/)
 * I’m using a new header for my website, but when I scroll down, the header image
   scrolls down too. I’d really like for it to be fixed so that it doesn’t move 
   while I scroll down. What do I need to do?
 * I’m using Swell Lite, and I’ve posted in their support forums, but no one has
   replied me yet.

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

 *  [Vamsi](https://wordpress.org/support/users/mannemvamsi/)
 * (@mannemvamsi)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/header-image-scrolling-1/#post-6635398)
 * Post your website link.
 *  Thread Starter [Sam – Unsheathed](https://wordpress.org/support/users/sam-unsheathed/)
 * (@sam-unsheathed)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/header-image-scrolling-1/#post-6635556)
 * [http://unsheathedblog.com/](http://unsheathedblog.com/)
 *  [Vamsi](https://wordpress.org/support/users/mannemvamsi/)
 * (@mannemvamsi)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/header-image-scrolling-1/#post-6635558)
 * If I understood correctly.. Are you thinking about doing something like this ?
 * [http://jsfiddle.net/mannemvamsi/oz4cn9bm/](http://jsfiddle.net/mannemvamsi/oz4cn9bm/)
 *  Thread Starter [Sam – Unsheathed](https://wordpress.org/support/users/sam-unsheathed/)
 * (@sam-unsheathed)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/header-image-scrolling-1/#post-6635570)
 * Basically. What I want is for the header image to remain stationary and not scroll
   at all while I go down the page.
 *  Thread Starter [Sam – Unsheathed](https://wordpress.org/support/users/sam-unsheathed/)
 * (@sam-unsheathed)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/header-image-scrolling-1/#post-6635626)
 * I’m not sure how to assimilate this into my CSS code. A little help, please? 
   Swell Lite is a little different.
 *  [Luiz](https://wordpress.org/support/users/st4nd3y/)
 * (@st4nd3y)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/header-image-scrolling-1/#post-6635627)
 * Hi Sam,
 * Just get rid of the `background-attachment: fixed;` in your #custom-header
 *  Thread Starter [Sam – Unsheathed](https://wordpress.org/support/users/sam-unsheathed/)
 * (@sam-unsheathed)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/header-image-scrolling-1/#post-6635628)
 * 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?
 *  Thread Starter [Sam – Unsheathed](https://wordpress.org/support/users/sam-unsheathed/)
 * (@sam-unsheathed)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/header-image-scrolling-1/#post-6635651)
 * Anyone still here? I really need the help. Please…I’m new to CSS.

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

The topic ‘Header Image Scrolling’ is closed to new replies.

## Tags

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

 * 8 replies
 * 3 participants
 * Last reply from: [Sam – Unsheathed](https://wordpress.org/support/users/sam-unsheathed/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/header-image-scrolling-1/#post-6635651)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics