Drop down Breaks when flash is in the header

(16 posts) (7 voices)

1. 

   pearson
   Member

   Hi

   I've noticed that the main drop down menu doesn't work correctly when there is a flash element in the 'Slider area'. I've only noticed this when using safari (old and new versions) and not firefox. Is there a work around?

   The attached screen shot shows what happens when I view the MySiteWay Awake demo here - http://themes.mysitemyway.com/awake/

   Many thanks

   Will

   

   

   Attachments

   1. awake001.jpg (43.1 KB, 3 downloads) 1 year old
   2. Screen-shot-2010-11-25-at-17.05.jpg (43.1 KB, 4 downloads) 1 year old
   3. awake.jpg (121.3 KB, 4 downloads) 1 year old

   Posted 1 year ago #
2. 

   pearson
   Member

   Update...

   It appears that the menu stops working in safari if flash is anywhere on the page.

   See here for an example - http://www.philsfoodsense.org/food-safety/

   

   Attachments

   1. food.jpg (95.5 KB, 1 downloads) 1 year old

   Posted 1 year ago #
3. 

   Elliott
   Support

   Hello pearson,

   I am on Safari 5.0.1 and your site appears to work fine for me. What operating system and Safari version are you using?

   Posted 1 year ago #
4. 

   hobbonz
   Member

   Hi,

   I also have this issue on the site I am working on.

   Mac OS X 10.6.4
   Safari Version 5.0.2 (6533.18.5)

   Hope this helps you work out the issue.

   Cheers,
   James

   Attachments

   1. menu_error.jpg (66.5 KB, 4 downloads) 1 year old

   Posted 1 year ago #
5. 

   pearson
   Member

   Hi Elliott
   I've got 7 macs all running 10.6 and several different versions of safari, all exhibit the same error. I've not fond a combination that display properly. 5.02 + 5.03 definitely have this issue but I've not got the older version of safari so can't say if it's an issue on 5.01.

   Thanks for looking into this for me. It will be a massive relief if you can fix it... I've spent the last five months and thousands of $$$ developing an awake site with 3000+ pages all with flash in the header..!

   Massive appreciation for all your hard work =)

   Many thanks

   Will

   Posted 1 year ago #
6. 

   Elliott
   Support

   I still haven't been able to reproduce the error so I assume it is a mac problem. Webtreats would know more about this so I will flag this topic and we should hear a reply shortly.

   Posted 1 year ago #
7. 

   Webtreats
   Support

   Hi pearson,

   This appears to be an issue with Safari and the swfobject flash embed script Awake uses to display YouTube & Vimeo videos:

   http://code.google.com/p/swfobject/

   Try opening up the following file:

   wp-content/themes/awake/lib/classes/video.php

   And replace line #'s 80 - 99 with the following:

   	//add_action( 'wp_head', array(&$this, 'Head') );
   	add_action( 'the_content', array(&$this, 'SWFObjectCalls'), 50 );
   	add_filter( 'widget_text', 'do_shortcode', 11 ); // Videos in the text widget
   	add_action( 'widget_text', array(&$this, 'SWFObjectCalls'), 50 );
    
   	// Register shortcodes
   	add_shortcode( 'youtube', array(&$this, 'shortcode_youtube') );
   	add_shortcode( 'vimeo', array(&$this, 'shortcode_vimeo') );
    
   	// Replace bundled SWFObject if it's older
   	if ( !is_a($wp_scripts, 'WP_Scripts') )
   		$wp_scripts = new WP_Scripts();
   	if ( !empty($wp_scripts->registered) && !empty($wp_scripts->registered['swfobject']) && !empty($wp_scripts->registered['swfobject']->ver) && version_compare( $wp_scripts->registered['swfobject']->ver, '2.2', '<' ) ) {
   		wp_deregister_script( 'swfobject' );
   		wp_enqueue_script( 'swfobject', WEBTREATS_JS .'/swfobject.js', array(), '2.2' );
   	} else {
   		//wp_enqueue_script( 'swfobject' );
   	}
   }

   This should resolve your issue, but the Awake YouTube video shortcode will no longer work. You'll have to embed your videos manually using YouTube's embed code.

   Posted 1 year ago #
8. 

   pearson
   Member

   Hi Webtreats

   Thanks for looking into this for me. So, what you're saying is that Awake is not compatible with SWFobject and safari? SWFobject is the standard for embedding flash content so I would be reluctant to stop using it. My site is 3000+ pages all with flash.

   As I work in the creative industry I get a higher then usual number of safari users. I'd argue that the safari users are the most important part of my web traffic, the people likely to commission my services generally use macs.

   Is there any other way of resolving this or should I try and find another theme? I really want to use the Awake theme not only because it rocks but because we have invested hundreds of man hours (and $$$!) making it work with our new site.

   Many thanks

   Will

   Posted 1 year ago #
9. 

   Dorian
   Support

   Hello Will,

   Have you tried the fix Webtreats mentioned?

   Best Regards,
   Dorian

   Posted 1 year ago #
10. 

    pearson
    Member

    Hi Dorian
    I changed the lines in video.php as suggested, I'm sure this would work but I'm using SWFobjects to embed flash elsewhere on the page so the conflict remains. I would need to stop using SWFObject for Awake to work correctly.

    All the best

    Will

    Posted 1 year ago #
11. 

    Dorian
    Support

    Hello Will,

    I understand. I will flag this topic once again for Webtreats so we can have an official answer on this issue!

    Best Regards,
    Dorian

    Posted 1 year ago #
12. 

    Webtreats
    Support

    Hi pearson,

    Open up the following file:

    wp-content/themes/awake/style.css

    And replace line # 380:

    .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; }

    With this:

    .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; z-index:1000; }

    Let us know if this resolves your issue.

    Posted 1 year ago #
13. 

    pearson
    Member

    Hey Webtreats

    Perfect!! Thanks loads for fixing this, massively appreciated =) I've not had a chance to test on different browser / platform combinations but safari / os x and firefox / osx are working perfectly.

    Many thanks

    Will

    Posted 1 year ago #
14. 

    sermi
    Member

    This worked also in solving the same problem on inFocus 2.3!

    Thanks :)

    Posted 9 months ago #
15. 

    specialj
    Member

    Fixed the problem on Elegance Theme as well! :)

    Posted 7 months ago #
16. 

    pearson
    Member

    Also fixes Fusion.

    Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.