Background & header movement

• 

  thepicturebar · Member · Apr 5, 2015 at 5:43 pm

  • Copy link
  • Add topic to favorites

  As I scroll down the home page of my website, the background moves too. How do I keep it static?

  2. As I scroll I would want the header containing the logo & menu to be static on top & not move. How do I achieve that?

  http://www.thepicturebar.com

  I am using the Creative Portfolio theme.

  The blog I need help with is: (visible only to logged in users)

• 

  alexjgustafson · Member · Apr 5, 2015 at 8:46 pm

  • Copy link

  For the background, visit these settings:

  https://thepicturebardotcom.wordpress.com/wp-admin/themes.php?page=custom-background

  Change the “attachment” setting from “Scroll” to “Fixed” and save changes.

  As I scroll I would want the header containing the logo & menu to be static on top & not move. How do I achieve that?

  With just CSS, the only way I know to do this is by changing its position to fixed. This can cause problems on responsive sites, but if it’s for desktop-only, I think it will be okay:

  @media screen and (min-width: 1025px){
  #masthead{
  	position:fixed;
  	top:0 px;
  	width: 95.5%;
  	z-index: 1;
  }
  }