Display bar only on tablet and mobile?

  • Resolved quando4

    (@quando4)


    1 year, 4 months ago

    Hi Joeri,

    First of all thank you for this great plugin! I would like to use it for single posts only on tablet and mobile, since for desktop I use a side bar with a table of contents where the readers can track their progress.
    Is it possible to deactivate the progress bar for desktop only?

    Thank you very much in advance,
    Andre

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Joeri van Veen

    (@ruigehond)

    Hello @quando4, thank you so much for using my plugin.

    Your question is something I have been considering as well but unfortunately have not found a good way to build it into the plugin in an elegant way.

    However, with a little css you can easily hide it when required. The reading bar is (purposely) contained in a div with a unique and unchanging id ruigehond006_wrap. You could use a media query in css to hide the reading bar when the side menu appears.

    For instance, when the side menu appears when the screen is wider than 900px:

    @media (min-width: 900px) {
  #ruigehond006_wrap {
    display: none;
  }
}

    Or something similar, assuming you have a child theme or a plugin which lets you tweak your css.

    Let me know if this does not work for you.

    Kind regards,
    Joeri van Veen

    Thread Starter quando4

    (@quando4)

    Thank you very much, that worked perfectly!! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Display bar only on tablet and mobile?’ is closed to new replies.