# Casper header problem

**URL:** <https://forum.ghost.org/t/casper-header-problem/23617>\
**Category:** Developer help\
**Created:** [June 21, 2021, 2:22pm UTC](https://forum.ghost.org/t/casper-header-problem/23617 "2021-06-21T14:22:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Achintpanchal1](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/achintpanchal1/32/13494_2.png) [@Achintpanchal1](https://forum.ghost.org/u/Achintpanchal1)\
**Post date:** [June 21, 2021, 2:22pm UTC](https://forum.ghost.org/t/casper-header-problem/23617/1 "2021-06-21T14:22:46Z")

</div>

I want to stick my header in the Casper theme but I don’t want to change it on the theme directory, instead, I want to do the style in code injection can someone guide me, please

I am trying since yesterday but I didn’t find a solution to it

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [June 21, 2021, 2:43pm UTC](https://forum.ghost.org/t/casper-header-problem/23617/2 "2021-06-21T14:43:45Z")

</div>

If I understand your question correctly, to change the image in the header on the Casper theme, you need to visit this page [Fastest Web Hosting Services | Buy High Quality Hosting](http://yourwebsite.com/ghost/#/settings?showBrandingModal=true) and remove the “Publication Cover” on the bottom left of screen and replace with your image.

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [June 21, 2021, 2:46pm UTC](https://forum.ghost.org/t/casper-header-problem/23617/3 "2021-06-21T14:46:56Z")

</div>

Or are you referring to replacing the header HTML completely with some other HTML? Because you can’t replace HTML using CSS in code injection. You could do it with JavaScript but it would be easier to just modify the theme template…

---

<div class="post-metadata">

**Author:** ![Achintpanchal1](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/achintpanchal1/32/13494_2.png) [@Achintpanchal1](https://forum.ghost.org/u/Achintpanchal1)\
**Post date:** [June 21, 2021, 3:11pm UTC](https://forum.ghost.org/t/casper-header-problem/23617/4 "2021-06-21T15:11:24Z")

</div>

I want a header like these

> **[HOOSHMAND.NET](https://hooshmand.net/)**
>
> Weekly in-depth articles on digital investing and building websites, startup technology, business, and the best motorcycle buyer's guides in the world

I want to stick my header navigation to the top on both mobile and desktop view

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [June 21, 2021, 3:19pm UTC](https://forum.ghost.org/t/casper-header-problem/23617/5 "2021-06-21T15:19:16Z")

</div>

> I want a header like these

The creator of that site wrote about how he did that on [this page](https://hooshmand.net/modifying-ghost-3-default-theme-casper/) under the heading, **Add a sticky “About” section to the front page**.

> I want to stick my header navigation to the top on both mobile and desktop view

It isn’t clear to me what you’re asking for here, sorry. Perhaps somebody else can answer your question.

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [June 21, 2021, 3:23pm UTC](https://forum.ghost.org/t/casper-header-problem/23617/6 "2021-06-21T15:23:34Z")

</div>

P.S. I believe @dana is the creator of [Hooshmand.net](http://Hooshmand.net).

---

<div class="post-metadata">

**Author:** ![Achintpanchal1](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/achintpanchal1/32/13494_2.png) [@Achintpanchal1](https://forum.ghost.org/u/Achintpanchal1)\
**Post date:** [June 22, 2021, 3:57am UTC](https://forum.ghost.org/t/casper-header-problem/23617/7 "2021-06-22T03:57:20Z")

</div>

Thanks
