Ditty ticker not visible when logged into WordPress.

It’s hard to say without seeing it for myself, but this is not a known/common issue. There’s obviously something different happening when you are a logged in user. Possibly some element shifting, or maybe a javascript error happening that is causing the ticker script to fail.

Can you open your browser’s developer tools and see if there are any javascript errors on the console tab? https://balsamiq.com/support/faqs/browserconsole/

Another option is to run through the following article to see if you can track down a conflicting plugin/theme: https://www.metaphorcreations.com/article/general/plugins/test-plugin-conflicts/

Let me know what you find out. Thanks!

I have identified a plugin conflict with SiteGround Optimizer, but I have not yet determined which component of SiteGround Optimizer creates the conflict.

I don’t see any errors in the console log of the inspector within Firefox; however, I may have identified a property which is affected.

In inspector for the ticker, looking under

<div class="ditty ditty-ticker"

If I drill down to the css properties specified in ditty-displays.min.css… and I use the checkbox in inspector to disable or comment out “display:flex;” so the resulting css in the style-editor tab is as follows…

.ditty {
  /*! display:flex; */
  flex:1;
  flex-direction:row;
  flex-wrap:wrap;
  position:relative;
  width:100%;

…then the ticker works properly while I’m viewing the page through inspector. Of course when I close inspector and reload the page, the ticker content disappears again.

I hope this makes more sense to you than it does to me.

• This reply was modified 1 year, 5 months ago by Ted. Reason: code didn't appear as expected

Thanks for the research and feedback. It sounds like there’s an additional wrapper around the Ditty when you are logged in. I’m seeing the Ditty as a direct child of the header element (screenshot: https://imgur.com/a/Rl0cUfV).

The display:flex property of the ticker means that it will stretch to fill the area of the parent container. But, if the parent container doesn’t have width the ticker does not have anything to fill. This happens sometimes when a ticker is placed within an element that also has display:flex but doesn’t specify any type of width.

The easiest option for you would probably be to add a little custom css in your Appearance > Customize page (or anywhere else you can add custom css).

Either:

.ditty-ticker { display: block; }

or

.ditty-ticker { width: 100vw; }

That’s interesting. I’m using a global ditty placed in the header for replication on all website pages. The SiteGround Optimizer plugin adds a clear cache button to the WP Admin toolbar. It makes sense now that these elements could interact.

Thanks for your recommendations of custom css options. I also suspect locating a different anchor point for the global ditty could also resolve the issue.

I hope to investigate further later this week. And I will post back with my results.

Thank you.

Sounds good, I’m interested to hear what you find out!

I had a few minutes to take a quick look at this, and my theory about the proximity of the “Purge SG Cache” element doesn’t appear to be valid, and relocating the anchor point for the global ditty doesn’t seem to be viable for my desired location within the theme; however, adding the custom CSS…

.ditty-ticker { display: block; }

… seems to be the most efficient resolution.

I don’t understand what I perceived to be a consistent link between the issue and whether the SG Optimizer plugin is activated, but the custom CSS resolves the case of the disappearing Ditty.

Thank you for your assistance.

Yeah, I wouldn’t think the SG cache would cause any conflicts, but I could be wrong. I use SG cache on my sites as well.

I’m glad the css is working to resolve your issue. Let me know if you need help with anything else or find any other info regarding this issue.