# Static Header

**URL:** <https://colorlibsupport.com/t/static-header/17046>\
**Category:** Sparkling\
**Created:** [July 13, 2017, 9:22am UTC](https://colorlibsupport.com/t/static-header/17046 "2017-07-13T09:22:03Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![fabadmin](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/f/bcef8e/32.png) [@fabadmin](https://colorlibsupport.com/u/fabadmin)\
**Post date:** [July 13, 2017, 9:22am UTC](https://colorlibsupport.com/t/static-header/17046/1 "2017-07-13T09:22:03Z")

</div>

Hi,  
I am using a static page for my website’s home page. Instead of slider, I wish to use a full size static header image.

I installed Unique Headers plugin and set the image to full size 1920 x 550 px in the plugin settings for the page. However, it seems the theme is scaling the image to 720 x 206 px. (see attached image)

I have also installed the Colorlib plugin and made the following change in the code.  
add\_image\_size( ‘sparkling-featured’, 1920, 800, true );

but somehow the theme doesn’t display full-size for other pages even if I don’t use Unique Headers plugin.

Though I want this for selected pages and not for posts. For posts I’ll continue to use the default Sparkling featured image size.

Tx,

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [July 13, 2017, 11:53am UTC](https://colorlibsupport.com/t/static-header/17046/2 "2017-07-13T11:53:28Z")

</div>

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

Best Regards,  
Support

---

<div class="post-metadata">

**Author:** ![fabadmin](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/f/bcef8e/32.png) [@fabadmin](https://colorlibsupport.com/u/fabadmin)\
**Post date:** [July 14, 2017, 10:55am UTC](https://colorlibsupport.com/t/static-header/17046/3 "2017-07-14T10:55:13Z")

</div>

Hi,  
Here is the link: [http://fabstori.com/home](http://fabstori.com/home)

I simply want to replace the slider with a full width static image for home and other pages. The menu bar should appear at the top (default sparkling) followed by image. And the image should scroll with the page and not remain fixed.

Sorry, not a coder 🙂  
Thanks,

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [July 14, 2017, 5:02pm UTC](https://colorlibsupport.com/t/static-header/17046/4 "2017-07-14T17:02:18Z")

</div>

Hey there,

Thank you for replying with this information.

What you’re trying to achieve would actually require some custom Coding, The plugin you’re trying to use inserts the header at the top of navigation bar in code.

What I suggest you do is create a single category which you will use to for header of the home page. You can then use CSS to remove the pointer events and anything else, making the slider appear as a static image. (This i can assist you with)

If it the customizations you wish to achieve are of the highest priority, I suggest getting a freelance developer to assist you with this. You can find talented developers for cheap on places like [www.upwork.com](http://www.upwork.com)

Best Regards,  
Support

---

<div class="post-metadata">

**Author:** ![fabadmin](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/f/bcef8e/32.png) [@fabadmin](https://colorlibsupport.com/u/fabadmin)\
**Post date:** [July 18, 2017, 5:56am UTC](https://colorlibsupport.com/t/static-header/17046/5 "2017-07-18T05:56:25Z")

</div>

Hi there,  
Thanks for your help

I’ll go with the suggestion you gave below:

What I suggest you do is create a single category which you will use to for header of the home page. You can then use CSS to remove the pointer events and anything else, making the slider appear as a static image. (This i can assist you with)

BR, fabadmin

---

<div class="post-metadata">

**Author:** ![fabadmin](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/f/bcef8e/32.png) [@fabadmin](https://colorlibsupport.com/u/fabadmin)\
**Post date:** [July 18, 2017, 11:33am UTC](https://colorlibsupport.com/t/static-header/17046/6 "2017-07-18T11:33:22Z")

</div>

Hi @Support,

I tried your suggestion myself and I solved it. 🙂

Thanks for the tip.

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [July 18, 2017, 12:38pm UTC](https://colorlibsupport.com/t/static-header/17046/7 "2017-07-18T12:38:47Z")

</div>

Hello there,

I am glad the solution worked for you.  
Please feel free to contact us again in the future regarding any other issues.

Best Regards,  
Support