ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   kbkisan
   Member

   I'm completely lost, and I have been trying to solve this for hours and hours so I'm hoping someone can help me.

   I'm working on the page here --> http://www.luzparrondo.com and I'm using Thematic.

   The thing is that this installation of wordpress uses qTranslate since I have the site in 3 languages.

   First of all, in my functions.php file in the template I did some modifications to create a new main menu that allows me to include only some of the pages.. see code

   // Remove original Theme Menu
   
   function remove_menu() {
   	remove_action('thematic_header','thematic_access',9);
   }
   add_action('init', 'remove_menu');
   
   // Create a new Top Menu
   
   function top_access() { ?>
   	<div id="access">
   		<div class="skip-link">
                        <a href="#content" title="<?php _e('Skip navigation to the content', 'thematic'); ?>">
                             <?php _e('Skip to content', 'thematic'); ?>
                      </a>
                   </div>
   
           <?php wp_page_menu('sort_column=menu_order&include=2,4,6,9,17,30') ?>
   
                <div class="language-wrapper">
   			<div class="language-style">
                                <?php qtrans_generateLanguageSelectCode('text'); ?>
                           </div>
   	     </div>
   	</div><!-- #access -->
   
   <?php
   }
   add_action('thematic_header','top_access',9);

   Below the wp_page_menu I'm adding this code as seen above
   

   <div class="language-wrapper">
   	<div class="language-style"><?php qtrans_generateLanguageSelectCode('text'); ?></div>
   </div>

   This is to display the language selection links in the main menu as well but with different styles.

   The styles I add for this to the default.css are the following

   .language-wrapper {  /* Wrapper for languages in main menu */
   	float: left;
   	display: inline;
   	margin-left: 94px;
   }
   
   .language-style, .language-style ul li{   /* Styles for language choose in main menu */
   	float:left;
   	font-family: Arial, Helvetica;
   	font-size: 15px;
   	display: inline;
   	list-style-image: none;
   	padding-right: 12px;
   	list-style-type: none;
   	padding-top: 2px;
   }
   
   .language-style a, .language-style a:visited{
   	color: #fff;
   	text-decoration: none;
   }
   
   .language-style a:hover {
   	color: #000;
   }
   
   #qtranslate-chooser li.active {
   	text-indent: -100000px;	 /* Hides the active language */
   }

   This works perfectly in Safari and Firefox, but for some reason IE7 always pushes everything I put in after the <?php wp_page_menu('sort_column=menu_order&include=2,4,6,9,17,30') ?> down to the next line. So in IE7 the menu isn't visible because it moves down to the main content which has white background and therefore disappears.

   If there is someone that could help me find a solution I would be eternally thankful.

   Best regards,
   Fannar

   Posted 2 years ago #
2. 

   kbkisan
   Member

   I think a part of the solution might be related to the fact that <?php wp_page_menu('sort_column=menu_order&include=2,4,6,9,17,30') ?> wraps only the menu within the .menu class, is there a way to include something there that isn't part of the wp_page_menu ?

   Posted 2 years ago #
3. 

   em hr
   Moderator

   Strange... I'm not seeing this behavior in ie7. Your nav and language links are all inline as far as I can see.

   Posted 2 years ago #
4. 

   kbkisan
   Member

   Sorry, I just managed to do a strange fix by changing the name of the .menu style in 2c-r-fixed.css . That way I can wrap the whole thing in my renamed style .menus . I still have a lot to learn about Thematic so there probably is a way to program it that way so my language menu gets included in the .menu class. It would be the coolest to create a custom widget area to place on the right side of the main menu.

   Posted 2 years ago #
5. 

   em hr
   Moderator

   You could have used wp_list_pages instead of wp_page_menu That would allow you to control div.menu
   

   <div id="access">
   		<div class="skip-link"></div>
   		 <div class="menu">
   		      <ul class="sf-menu">
           <?php wp_list_pages() ?>
                         </ul>
                         <!-- your markup in here -->
                    </div><!-- .menu -->
   	</div><!-- #access -->

   Posted 2 years ago #
6. 

   dot-brian
   Member

   I have been having a similar problem at - http://dotblueprint.com - with my menu in IE-7 but, for me, it takes the entire block and puts it in a vertical column on the left...instead of horizontal. Any thoughts that could help are appreciated...thanks

   Posted 2 years ago #
7. 

   dot-brian
   Member

   Sorry...I fixed it, adding:

   zoom: 1;
   *display:inline;

   to the <b>menu li</b>

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.