Jump to content
WebIT

Iblogpro5 Strange Navbar Flashing Text With Quick Slider

Recommended Posts

WebIT    3
WebIT

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
James B    436
James B

Hi I've viewed your site in safari, i can't see the text flashing. Do you have anything installed in Safari which could effect this, like dev tools or any plugins?


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Rob    547
Rob

I've checked your site in Firefox and in Safari and have seen no problems.

When browser specific problems like this occur, most often it's the result of plugin conflicts or custom code issues.

I'd suggest:

1. Validate all your custom CSS to make sure it's compliant with contemporary standards.

2. Have some friends look over your site in Safari, Chrome and Firefox, as well as IE9 to see if they notice problems.

3. Deactivate any older plugins or non-PageLines products.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebIT    3
WebIT

It's happening in mobile safari also.

Share this post


Link to post
Share on other sites
WebIT    3
WebIT

No success. Looks fine in other browsers. Disabling all plugins had no effect.

Share this post


Link to post
Share on other sites
James B    436
James B

I've checked in safari and I can't see this happening. Which version of safari are you using? Are you able to record a short video using jing or a smilar screen recorder so we can see whats happening.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
WebIT    3
WebIT

This happens in chrome too. I've had friends view same problem. During the slider animation, all title text in the nav bar (and for me wordpress admin panel) go darker and fuzzy.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Have you any custom CSS that's related to the quickslider or menu? If so, please look at it. There must be an element in it that's a cross-over, yielding a slight color variation. That's the only thing left that I can think of, except to recommend validating your custom code to make sure there's nothing broken. Do you need a link to a CSS validator?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebIT    3
WebIT

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebIT    3
WebIT

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebIT    3
WebIT

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
WebIT    3
WebIT

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
Danny    1,327
Danny

Hi,

I have checked your site on Chrome/Safari, I am unable to see any flashing text, does this only occur when you're logged in ?

If this issues also happens when you're not logged in, what version of these browsers are you using ?

I am not sure what you're referring to regarding the templates, if this is a separate issue, please create another topic.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
WebIT    3
WebIT

I did have a separate topic.

Screen-Shot-2012-11-10-at-3.45.34-PM.png

Php from iBlogPro4 is still showing up in iBlogPro5. (Template page-fullwidth). This occurred even after I followed Rob's advise on a complete removal and reinstall of the pagelines folder. There must be other files stored on the server that are cross linking old template files?

Reference the flashing navbar i posted above:

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

The issue isn't resolved, as it comes back when I switch to sliding transition on the slider.

Share this post


Link to post
Share on other sites
Rob    547
Rob

I've noticed that James and I have asked you questions in response to this and other topics you've prolifically posted and we never seem to get a direct response to them. Please cooperate and give us answers to the questions we're asking in order to assist you or there's little point in continuing. This problem is the direct result of bad coding added on your end, not ours. There is no bug or there would be tens of thousands of people making this complaint and so far, you're the only one.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebIT    3
WebIT

Danny,

  • This happens all the time. Logged in or not logged in.
  • I have the latest versions of all 3 browsers.
  • Regarding templates, I did start a separate post, but Rob closed it. If you would like to handle that as another issue, Rob, please reopen this separate topic.

Do you guys see the image I posted above? It shows older templates from iBlogPro4, but the active theme is iBlogPro5.

If by bad coding you were referring to the {less} coding used to achieve a home button and cart button, I have removed that. The problem still exists.

Share this post


Link to post
Share on other sites
WebIT    3
WebIT

Instead of belittling customers in this forum, perhaps you guys could concentrate on fixing the issue. I have seen this same issue with framework in safari and chrome here.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • khat
      By khat+
      I think I may have installed pagelines pro incorrectly, and then used features incorrectly. I installed first platforms framework theme and then the child, thinking I could do setup for child later. I tried to set up a background image, and tried custom css feature in pagelines dashboard. I had mistakes in my css, and just thought that if I deleted the info in the css custom feature in pagelines dashboard that the new information would overwrite the old info. The background image didn't respond at all, probably because I didn't have the child directory renamed. I then tried to use the LSS plugin to create css and added more css, possibly, somewhere -sigh-. I never did change the background image and get it placed properly. I used a workaround and in nested containers I placed a background image which worked well enough, so I moved on to try to create my nav bar/ menu bar. When I go to the Menus panel, there is NO area where I can place a menu on a page. I have read and reread and re- re- reread the instructions for placing a menu. I've used the pagelines editor to place a menu, however only HOME shows up. I've been at this for many hours. I've since uninstalled all of my pagelines items and reinstalled, thinking that it would restore all my changes to default, but no, it is still all there, with all my unresolved issues. I am completely at a loss as to what to do next.
    • bnapoli
      By bnapoli+
      http://731.34b.myftpupload.com/ this website is using the NavPro navigation in Platform 5. It has a lot of menu items, so it breaks to two lines when the window is sized down. What is the media query to make the navigation either a) switch to "mobile mode" at a higher width, or b ) expand the nav into two lines. Thanks
    • yemoonyah
      By yemoonyah+
      I just installed and added the Flipper section to my home page and it makes my navigation/menu bar items disappear.
      They do show up again when scrolling down and everything seems normal on the other pages.
      http://yemoonyah.com
      Thanks.
       
    • ericbc
      By ericbc
      I have the WHP6 theme (not sure if I needed it). But heres my question....I want to change the font in the navigation bar and it doesn't give me that option. I also want to change the size of the nav bar (height).
    • dawsonbarber
      By dawsonbarber+
      Scratch this topic: the usual way does work. I think I need sleep.
       
      (Couldn't prefix the topic with iblogpro6 because it's not in the topic prefix dropdown).
       
      Anyway, I've tried the usual way, with Danny's Skeleton theme, but it's not working.
       
      Could someone let me know what I need to do?
       
      Thanks
       
      Dawson
×