How to casper theme homepage logo move to header nav bar

Themes
1

how to move the logo on casper theme from the middle of the banner to the header next to navigation bar, I hope it can be done with only code injection

Untitled
Untitled1879×495 43.9 KB

2

Please use the CSS in code injection area

a.gh-head-logo {
    display: block!important;
    margin-right: 15px;
}
.site-header-content .site-logo {
    display: none!important;
}
3

Hi,
thanks
it works, but how to move the logo to the left on mobile
thanks once again

Untitled
Untitled1035×373 163 KB

4 
@media (max-width: 900px) {
.home-template #gh-head.has-cover .gh-head-brand {
    justify-content:space-between!important;
}
}

Try that

5

owh wow
perfect!!!
you are the best
thank you so much :+1: :+1:

1 Like
6

I am happy to help you!
Feel free to contact us for any prior customization work in ghost or custom ghost development work.

7

yes
hopefully in the future, when my blog is grow
thanks

8

I am trying to do the same thing here and struggling. The original CSS themix replied with works if I put it in code injection in style tags, but the second version @media) doesn’t.

I could live with the first version but the right margin doesn’t match between the home and other pages:

Home page:
Screen Shot 2023-02-06 at 4.45.02 PM

Other pages:
Screen Shot 2023-02-06 at 4.45.10 PM

What I really want is just for the logo to be in the top left and the menu to be the same on every page including the home page.

Anyone have any advice?