Archived

This topic is now archived and is closed to further replies.

  • 0

Iblogpro5 Strange Navbar Flashing Text With Quick Slider


Question

Posted · Report post

Please see my iBlogPro5 strange navbar flashing text with quick slider here. The text flashes white/gray during the animation of the quick slider. This is only occurring in Safari.

Share this post


Link to post
Share on other sites

38 answers to this question

Posted · Report post

i removed all css and still have the issue. I also disabled all plugins. There is a problem with the theme.

Share this post


Link to post
Share on other sites

Posted · Report post

Do you have a cache plugin? Activated or not? If so, when you affect changes, if you don't clear the cache, you will never see the changes, which could explain why in all your topics, when you say you've made changes or deactivated things, you're not seeing any effect of those changes.

I can assure you there's no flaw, bug or problem with the theme.

Share this post


Link to post
Share on other sites

Posted · Report post

Well, I followed the steps above.

Good news: this fixed another issue I had (black navbar). Thank you.

Bad news: with all plugins (including wp-cache) disabled and all custom code removed the issue remains. ideas?

Also old templates are still appearing (Template: page-fullwidth)

The header script I copied was the following to shorten the title on mobile devices:

<script type="text/javascript">

  if( navigator.userAgent.match(/iPhone/i) || 

      navigator.userAgent.match(/iPod/i) || 

      navigator.userAgent.match(/iPad/i)

    ) {

         document.title = "CapeK9Cardio";

      }

</script>

ps. I love this theme and you helped me a lot with the upgrade from 4 to 5. I appreciate it and look forward to fixing this.

Share this post


Link to post
Share on other sites

Posted · Report post

I'm back - read above. thx

Share this post


Link to post
Share on other sites

Posted · Report post

With cache plugins, deactivating isn't the key, as much as clearing the cache. That makes sure that changes you make are visible. The sequence should be... make your changes, then clear the cache, then view the site. This will usually allow you to see the changes you've made because they'll be in place when the cache is cleared.

Good news: you fixed another issue I had which you closed. Thank you.

Sometimes I surprise myself.

Can you paste here what you added to the header scripts so we can see what you've done?

My guess is that you've loaded an older version of javascript or jQuery causing this issue.

Share this post


Link to post
Share on other sites

Posted · Report post

i pasted it above thx

Share this post


Link to post
Share on other sites

Posted · Report post

Well, for one thing, the javascript you've cited doesn't actually have a call to the actual operating script. My suspicion remains that this code is causing the issue. For one thing, it's setting up an agent match, essentially identifying the browser. We have a product called Browser Specific CSS and Framework automatically detects the browser. The Browser Specific CSS plugin would implement custom CSS based on the browser that Framework detects. The javascript you've added is thus redundant.

Share this post


Link to post
Share on other sites

Posted · Report post

what it does is display a shortened title, so when you add the site to your homepage on idevices it fits. I removed the code, refreshed cache. No effect. I've also moved the q slider around to see if that would do anything.

Share this post


Link to post
Share on other sites

Posted · Report post

darn - template 1 still messed up. see it on my test page.

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you Simon. I feel it will finally be in capable hands. The issue also occurs in framework. See it here www.mypeds.net

Share this post


Link to post
Share on other sites

Posted · Report post

Possible fix, im no css guru but this appears to work:

open sections/navbar/style.less and change the navbar section so it looks like this:


.navbar{
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0, 0, 0, 0.25)");
color:rgba(255,255,255,.7);
-webkit-font-smoothing:antialiased;
&.navbar-content-width{
.border-radius( 4px );
}
[/CODE]

Then reload the css.

Share this post


Link to post
Share on other sites

Posted · Report post

As a temp fix i changed the slider to a fade transition. Please let me know of any fix ideas.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks. Can't be added in custom css I take it?

for my record:

old code

.navbar{

.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0, 0, 0, 0.25)");

color:rgba(255,255,255,.7);

&.navbar-content-width{

.border-radius( 4px );

}

Share this post


Link to post
Share on other sites