Menu icon Foundation
Top Bar Not Displaying correctly in Firefox

I have a web site where I have added a navigation for translations of two other languages above the Foundation 5 top bar. It displays correctly in all browsers except Firefox. Here is the site http://www.seanstarr.org/.

Can anyone help me with this?

Thanks in advance,

Joe

topbarfirefox

I have a web site where I have added a navigation for translations of two other languages above the Foundation 5 top bar. It displays correctly in all browsers except Firefox. Here is the site http://www.seanstarr.org/.

Can anyone help me with this?

Thanks in advance,

Joe

Ercan Murat KISACA almost 5 years ago

You can use more simple markup in that code area. Your issue is not really Firefox related.

You have Not used a "columns" div inside a row div. That is the core of your issue. Also think simple while coding. You can use this markup below to solve your issue.

<div class="black-bg">
  <div class="row">
    <div class="large-12 columns topteirnav text-right">

    <a href="po/polski.html">Polski</a>
    <a href="es/espanol.html">Espanol</a>

    </div>
  </div> 
 </div>

.black-bg {background-color: black}

Your code is the below

<div class="large-12 columns topteirnav">
   <div class="row">
     <div class="large-6 columns"> </div>
     <div class="large-6 columns">
       <div class="right">
             <a href="po/polski.html">Polski</a>
             <a href="es/espanol.html">Espanol</a>
        </div>
      </div>
   </div>
</div>