Ditty news ticker only showing in Safari

  • Resolved jotorivas

    (@jotorivas)


    4 years, 5 months ago

    Hello!

    I’ve been using ditty news ticker for a few months now. But I just realised that it only works properly in safari.

    When I look into my webpage with Firefox or chrome. The ticker only shows in a small gap at the far left next to the logo of our studio.

    Can anyone help me to see what do I need to change for the ticker to show up properly?

    Thank you ??

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author metaphorcreations

    (@metaphorcreations)

    The issue you’re running into is due to the layout/structure of your site and where you’ve placed the ticker. There are multiple ways to resolve this, but here is the quickest solution I can think of and how I would set it up.

    1. Remove the -155px margin-top that is added to the container around the ticker. I’m not sure if this is setup via a page-builder or how it has been added, but the css I’m seeing is: #pb_block-0 { margin-top: -155px !important }

    2. Add the following custom css on the News Tickers > Settings page (or wherever you can add custom css):

    .home {
  padding-top: 45px;
}
.home #mtphr-dnt-1613 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #FFF;
  border-bottom: 1px solid #F4F4F4;
}
    Thread Starter jotorivas

    (@jotorivas)

    thank you @metaphorcreations
    I used the custom CSS and that fixed the ticker, now I can see it working on firefox, chrome and safari!

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Ditty news ticker only showing in Safari’ is closed to new replies.

Tags