Source Theme - How can i change the places of these elements?

Themes
1

Hello, i want to change the places of homepage elements on highlight demo. How can i do this, is there a simple way?

Please help!

1000017701
10000177011079×1248 175 KB

2

How do you want to change?

3

I want to exchange their places, take element 2 to the left and one to the middle.

4

Put the following code into Ghost settings > Code injection > Site header:

<style>
  .gh-header.is-highlight .gh-header-left {
    grid-column: 4 / 13;
    grid-row: 1;
  }

  .gh-header.is-highlight .gh-header-middle {
    grid-column: 1 / 4;
    grid-row: 1;
  }
</style>
1 Like
5

It perfectly worked. Thank you so much.

I also want to make the font size a little smaller and increase the space on the left and right side of the site. Could you help with this too please?

Thank you so much.