modules do not show in front, they are behind

Hello,
I have created a new module position in StoreBox in order to have the language switcher just in the left corner, in the white zone.
Unfortunately the modules do not show in front of all even with a z-index : 1000. What can I do ?

In /templates/gk_storebox/layouts/default.php, I added line 83 :

Code: Select all

          <?php if($this->API->modules('langcurrency')) : ?>
       <div id="gklangcurrency">
          <div class="gkCols6<?php if($this->API->modules('langcurrency') > 1) : ?> gkNoMargin<?php endif; ?> gkPage">
             <jdoc:include type="modules" name="langcurrency" style="<?php echo $this->module_styles['langcurrency']; ?>" modnum="<?php echo $this->API->modules('langcurrency'); ?>" />
             
             <!--[if IE 8]>
             <div class="ie8clear"></div>
             <![endif]-->
          </div>
       </div>
       <?php endif; ?>


and of course the position langcurrency in /templates/gk_storebox/templateDetails.xml
I also added this code in the override.css file

Code: Select all

#gklangcurrency {
   margin-top: -30px;
   margin-bottom: -15px;
   z-index: 1000;
}

Thanks for your help resolving my issue.

Kris

After a good night I found a solution. I stucked the code lower in the file default.php, around line 100 . I hope my little experience and this post will help someone.

But I have another problem now. When I reduce the window of the navigator, the flag is moving with it because the template is responsive. But it is getting out of range and it is impossible to see it on a smartphone.
Here is the link to the site : http://familidoo.graphicom.tm.fr

Capture d’écran 2014-11-29 à 11.51.11.png

Capture d’écran 2014-11-29 à 11.51.47.png

Capture d’écran 2014-11-29 à 11.52.30.png

I am really new to responsive design changes and would greatly appreciate your help.
Thanks if you know how.
Kris