Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Bi-Lingual Site; Header Problems


Smartyart

Question

Site URL: https://www.bridgingfortomorrow.org/give-spanish

I'm working on the Spanish side of our website. I've hidden the footer and just re-created a block that looks just like the English footer on each Spanish page in Spanish (or it will be in Spanish, I haven't translated it all yet). It was laborious, but it worked. 

 

Fixing the header is not nearly so easy. I hid the normal (English) header, and I've gotten some links to display up top. Currently the links aren't pointed in the correct place, but that's not the problem. When I switch to mobile (or change the size of my screen at all) the new "navigation" that I've cobbled together doesn't move at all. In fact, on mobile, it just... disappears off the screen. The main problem I'm trying to fix is that the English nav points to the English pages. I need a Spanish nav that I can point to the Spanish pages, but not across the whole site. This is just the work-around I've come up with. 

Is this a decent work around? Can someone help me figure out how to make this new nav bar I've created responsive OR suggest a better idea? Open to any suggestions and appreciative of any!! 

Code I'm currently using on the header/nav:
 

<style>
.header-nav {
    display: none;
}
.burger-box {
    visibility: hidden;
}
</style>
<ul class="kl-topnav">
  <li><a href="abcxyz.com">DAR</a></li>
  <li><a href="abcxyz.com">NOSOTROS  </a></li>
  <li><a href="abcxyz.com">PROGRAMMAS </a></li>
  <li><a href="abcxyz.com">VOLUNTARIO</a></li>
</ul>
<style>
.kl-topnav {
list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
flex-direction: row;
  position: absolute; z-index: 999;
}
</style>
<style>
  .kl-topnav { padding-top: 3em; padding-left:33em;}
</style>
<style>
.kl-topnav a {
  color: #F2F2F2
 
;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
</style>

 

Thanks!!

 

Link to comment
  • Answers 0
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...