arjanv
Member
Hi,
i'm building a website based on bigfeature theme, and i can't fix the top navigation.
in ie 8 and firefox it's displayed correctly(horizontal) and in IE7 it's vertical.
Someone have an idea? here's the example: http://www.je-foto.nl/contact-en-route/
thanks
vfxdude
admin
only thing is that if you upgrade you have to redo it. you can add this to a child theme too, then it will be safe when upgrading. You can add this to the functions.php of a child theme:
add_action( 'bf_header', 'myNavigation' );
function myNavigation() {
echo '<div class="clear"></div>';
bf_navigation("","navsimple");
}
vfxdude
admin
yes you can add template files to the child theme. It might be better to add stuff with hooks to header.php though, like this:
function favicon() { ?>
<link rel="shortcut icon" href="<?php echo bloginfo('stylesheet_directory') ?>/images/favicon.ico">
<?php }
add_action('wp_head', 'favicon');
I have the same problem, thought I'd comment here instead of posting a new thread. The navigation works perfectly in Firefox and ie8 but fails with ie7.
I've tried disabling the navigation and then adding:
<div class="clear"></div>
<?php bf_navigation("","navsimple"); ?>
under bf_header in the header.php
It still wont get give me a horizontal navigation. Any ideas?
astroman
Member
I sharing the same problem, can´t get the dropdown menu over the slider. In IE.
http://tinyurl.com/2vnrwey
vfxdude
admin
well, it works fine on the demo website. So the conclusion is that this is caused by modifications to the theme. My initial thought would be z-index, the dropdown menu should be z-index:99.
astroman
Member
Okay I cld find a solution.
I did a fresh Wordpress3.0 and BF 1.3.5.2 install. Using a nextgen gallery for the slider. That works without problems in IE7. When using the BF-Wide child theme than this bug occurs in IE7. The dropdown hides behind the slider.
1.) BF-Theme 1.3.5.2 without mods - working well in IE7 - http://i25.tinypic.com/dh3eb8.jpg
2.) BF-Wide 1.0.2 without mods - dropdown behind slider bug in IE7 - http://i25.tinypic.com/5l1d6t.jpg
The solution I tried different ways on the drop down and navboxes (and all that) without luck. At least after trail and error I came to this:
#topheader .inside { position: relative; z-index:1 (or what ever you want); }
Add the > z-index:xxx; < into the bfwide style.css - Than it shld work fine.
I hope this helps.
A.
I am having a navigation / dropdown arrow problem in IE7 / Chrome. Addition of the drop-down arrow causes the individual menu background to become taller in IE7 and the arrow to wrap in Chrome, which causes the background to become taller.
Already applied the float: left, which works fine in FF, IE8, IE6, Safari Win.
vfxdude
admin
It's the clearing div that is causing it (<div class="clear"></div>). This was added to superfish.js (in the library/js/superfish folder) to fix a IE6 problem. Removing it fixes the problem, but then the problem is back in IE6 though..not sure how to make it work for all browsers...
vfxdude
admin
actually it seems like it's only IE7 that doesn't like the clearing div, so the code can be changed to this (line 18 in superfish.js) to fix it:
$arrow = $(['<span class="',c.arrowClass,'"> »</span>'+ (($.browser.msie && $.browser.version == 7)?'':'<div class="clear"></div>') ].join('')),
You must log in to post.
