Header image background lock

Hi,

First of all thanks for the great theme and support
Im newbie on wordpress. How can I make the header background locked like http://www.marinerschurch.org/

Thank you,
Sammy

Hi,

In Sydney theme, you can manage it from : Customize > Header area > Menu style > Sticky Menu > then choose “Sticky”.

Regards,
Awan

Hi

Thanks for the reply.
But already there “sticky”

Thank you
Sammy

can you share your site URL here?

Hi

In “header type” I have been choosed “Full screen slider” so that i want only one image background.

Thank you,
Sammy

Hi Awan,

How can I share the URL link? I tried to share it.

Thank you,
Sammy

Hi,

I need to see your site directly. So just write down the URL of your site here.

Regards,
Awan

Hi Awan,

Can you please provide you email ID so that I will send the URL link

Thank you,
Sammyt

here is my email: awan.rimbawan101 at gmail

Hi Awan,

Thanks. I sent you an email

Thank You,
SammyT

Hi,

I’ve checked your site, please try these CSS code to make header image not scrolled when in mobile screen:

@media only screen and (max-width: 1024px){
  .header-inner {
    display: block;
  }

  .header-image {
    background-image: url(http://PUT YOUR SITE URL HERE/wp-content/uploads/2017/02/header-image-1.png);
    background-size: contain;
    height: 270px;
    background-position: 0 0;
  }
}

you can add the code to: Customize > additional CSS.

P.S: when you change the image, make sure you change the value of background-image also.

Regards,
Awan

Hi Awan,

I have put the same code what you have sent but still scrolling the image.

Thank you,
SammyT

Hi,

I am sorry, from the code in above, please replace this:

.header-inner {
    display: block;
  }

with this:

.header-inner {
    display: none;
  }

Hope it works now.

Regards,
Awan