search

eddiesigner / liebling

Beautiful and clean Ghost theme that is easy and comfortable to use. To get the latest version please head over the releases page 👉🏼
https://github.com/eddiesigner/liebling/releases
MIT License
1.25k stars 594 forks source link

Changing position of the reading progress bar and social sharing icons to the side #499

Open cykingw opened 1 year ago

cykingw commented 1 year ago

How do I change the position of the reading progress bar and the social sharing icons from the bottom to the side (like stacked on top of each other) or elsewhere using code injunction?

eddiesigner commented 1 year ago

You can inject the following code in the Ghost Admin:

<style>
  @media only screen and (max-width: 48rem) {
    .m-share {
      background-color: transparent;
      box-shadow: none;
      height: auto;
      left: auto;
      right: 16px;
      bottom: 32px;
      width: auto;
    }

    .m-share__content {
      flex-direction: column;
      gap: 24px;
      height: auto;
    }

    .m-icon-button.in-share {
      margin: 0;
    }
  }
</style>