Main nav in header not working right
Permalink Browser Info Environment
Help. Sometimes the navigation (menu) doesn't load properly! Very often it loads as a single dropdown menu with all the menu options listed, but that won't do anything (screenshot attached, issued is circled in red). Here's the code when it doesn NOT load correctly:
And when it does load correctly:
It looks like it's loading the mobile version on a PC, thus it doesn't work.
Additionally, some pages have the shadow of the slider on TOP of the slider (noted in the screenshot with the red arrow). It seems to be only on pages with an iFrame in the content section, listing our adoptable animals. Help on both issues would be very appreciated!
<div id="main-nav" class="col_8 last"> <select class="nav-select" id="mobile_nav"><option SELECTED class="nav-selected nav-path-selected" value="/" target="_self"> Home</option><option class="" value="/about/" target="_self"> About Us ↓</option><option class="" value="/about/hours-directions/" target="_self">› Hours & Directions</option><option class="" value="/about/partners/" target="_self">› Our Partners</option><option class="" value="/about/board/" target="_self">› Board of Directors</option><option class="" value="/about/staff/" target="_self">› Our Staff</option><option class="" value="/about/tours/" target="_self">› Tours</option><option class="" value="/about/events/" target="_self">› Events Calendar</option><option class="" value="/about/contact-us/" target="_self">› Contact Us</option><option class="" value="/adopt/" target="_self"> Adopt ↓</option><option class="" value="/adopt/how-adopt/" target="_self">› How to Adopt</option><option class="" value="/adopt/cats/" target="_self">› Cats</option><option class="" value="/adopt/dogs/" target="_self">› Dogs</option><option class="" value="/adopt/small-animals/" target="_self">› Small Animals</option><option class="" value="/adopt/after-adoption/" target="_self">› After Adoption</option><option class="" value="/adopt/courtesy/" target="_self">› Courtesy Listings</option><option class="" value="/adopt/bcb/" target="_self">› Barn Cat Buddies</option><option class="" value="/services/" target="_self"> Services ↓</option><option class="" value="/services/spay-neuter/" target="_self">› Spay & Neuter Clinic</option><option class="" value="/services/well-pet/" target="_self">› Well Pet Clinic</option><option class="" value="/services/sick-pet/" target="_self">› Sick Pet Clinic</option><option class="" value="/services/feral-cat/" target="_self">› Feral Cat Clinic</option><option class="" value="/services/appointments/" target="_self">› Appointment Request</option><option class="" value="/services/pharmacy/" target="_self">› Pharmacy</option><option class="" value="/services/grooming/" target="_self">› Grooming</option><option class="" value="/programs/" target="_self"> Programs ↓</option><option class="" value="/programs/pets-life/" target="_self">› Pets for Life</option><option class="" value="/programs/hospice/" target="_self">› Hospice</option><option class="" value="/programs/domestic-violence/" target="_self">› Domestic Violence</option><option class="" value="/programs/biscuit/" target="_self">› Biscuit Fund</option><option class="" value="/programs/harmony-farm/" target="_self">› Harmony Farm</option><option class="" value="/programs/rx/" target="_self">› Prescription Discounts</option><option class="" value="/get-involved/" target="_self"> Get Involved ↓</option><option class="" value="/get-involved/donate/" target="_self">› Donate</option><option class="" value="/get-involved/volunteer/" target="_self">› Volunteer</option><option class="" value="/get-involved/foster/" target="_self">› Foster</option><option class="" value="/get-involved/wishlist/" target="_self">› Donation Wishlist</option><option class="" value="/get-involved/virtual-fundraisers/" target="_self">› Virtual Fundraisers</option><option class="" value="/get-involved/community-service/" target="_self">› Community Service</option><option class="" value="/resources/" target="_self"> Resources ↓</option><option class="" value="/resources/shelter-enrichment/" target="_self">› Shelter Enrichment</option><option class="" value="/resources/local-pet-limits/" target="_self">› Local Pet Limits</option><option class="" value="/resources/foster-resources/" target="_self">› Foster Resources</option><option class="" value="/resources/applications/" target="_self">› Applications</option><option class="" value="/resources/petretention/" target="_self">› Pet Retention</option><option class="" value="/resources/surrendering-pet/" target="_self">› Surrendering a Pet</option></select><!-- Mobile nav Generated in 0.51470112800598 secs --> </div>
And when it does load correctly:
<div id="main-nav" class="col_8 last"> <!-- Desktop Template --><ul class="nav"><li class="nav-selected nav-path-selected"><a href="/" target="_self" class="nav-selected nav-path-selected">Home</a></li><li class=""><a href="/about/" target="_self" class="">About Us</a><ul><li class=""><a href="/about/hours-directions/" target="_self" class="">Hours & Directions</a></li><li class=""><a href="/about/partners/" target="_self" class="">Our Partners</a></li><li class=""><a href="/about/board/" target="_self" class="">Board of Directors</a></li><li class=""><a href="/about/staff/" target="_self" class="">Our Staff</a></li><li class=""><a href="/about/tours/" target="_self" class="">Tours</a></li><li class=""><a href="/about/events/" target="_self" class="">Events Calendar</a></li><li class=""><a href="/about/contact-us/" target="_self" class="">Contact Us</a></li></ul></li><li class=""><a href="/adopt/" target="_self" class="">Adopt</a><ul><li class=""><a href="/adopt/how-adopt/" target="_self" class="">How to Adopt</a></li><li class=""><a href="/adopt/cats/" target="_self" class="">Cats</a></li><li class=""><a href="/adopt/dogs/" target="_self" class="">Dogs</a></li><li class=""><a href="/adopt/small-animals/" target="_self" class="">Small Animals</a></li><li class=""><a href="/adopt/after-adoption/" target="_self" class="">After Adoption</a></li><li class=""><a href="/adopt/courtesy/" target="_self" class="">Courtesy Listings</a></li><li class=""><a href="/adopt/bcb/" target="_self" class="">Barn Cat Buddies</a></li></ul></li><li class=""><a href="/services/" target="_self" class="">Services</a><ul><li class=""><a href="/services/spay-neuter/" target="_self" class="">Spay & Neuter Clinic</a></li><li class=""><a href="/services/well-pet/" target="_self" class="">Well Pet Clinic</a></li><li class=""><a href="/services/sick-pet/" target="_self" class="">Sick Pet Clinic</a></li><li class=""><a href="/services/feral-cat/" target="_self" class="">Feral Cat Clinic</a></li><li class=""><a href="/services/appointments/" target="_self" class="">Appointment Request</a></li><li class=""><a href="/services/pharmacy/" target="_self" class="">Pharmacy</a></li><li class=""><a href="/services/grooming/" target="_self" class="">Grooming</a></li></ul></li><li class=""><a href="/programs/" target="_self" class="">Programs</a><ul><li class=""><a href="/programs/pets-life/" target="_self" class="">Pets for Life</a></li><li class=""><a href="/programs/hospice/" target="_self" class="">Hospice</a></li><li class=""><a href="/programs/domestic-violence/" target="_self" class="">Domestic Violence</a></li><li class=""><a href="/programs/biscuit/" target="_self" class="">Biscuit Fund</a></li><li class=""><a href="/programs/harmony-farm/" target="_self" class="">Harmony Farm</a></li><li class=""><a href="/programs/rx/" target="_self" class="">Prescription Discounts</a></li></ul></li><li class=""><a href="/get-involved/" target="_self" class="">Get Involved</a><ul><li class=""><a href="/get-involved/donate/" target="_self" class="">Donate</a></li><li class=""><a href="/get-involved/volunteer/" target="_self" class="">Volunteer</a></li><li class=""><a href="/get-involved/foster/" target="_self" class="">Foster</a></li><li class=""><a href="/get-involved/wishlist/" target="_self" class="">Donation Wishlist</a></li><li class=""><a href="/get-involved/virtual-fundraisers/" target="_self" class="">Virtual Fundraisers</a></li><li class=""><a href="/get-involved/community-service/" target="_self" class="">Community Service</a></li></ul></li><li class=""><a href="/resources/" target="_self" class="">Resources</a><ul><li class=""><a href="/resources/shelter-enrichment/" target="_self" class="">Shelter Enrichment</a></li><li class=""><a href="/resources/local-pet-limits/" target="_self" class="">Local Pet Limits</a></li><li class=""><a href="/resources/foster-resources/" target="_self" class="">Foster Resources</a></li><li class=""><a href="/resources/applications/" target="_self" class="">Applications</a></li><li class=""><a href="/resources/petretention/" target="_self" class="">Pet Retention</a></li><li class=""><a href="/resources/surrendering-pet/" target="_self" class="">Surrendering a Pet</a></li></ul></li></ul> </div>
It looks like it's loading the mobile version on a PC, thus it doesn't work.
Additionally, some pages have the shadow of the slider on TOP of the slider (noted in the screenshot with the red arrow). It seems to be only on pages with an iFrame in the content section, listing our adoptable animals. Help on both issues would be very appreciated!
| Type: | Discussion |
|---|---|
| Status: | New |
I'm on vacation until January 28. Can you send me a message on that date if the problem persists?
Apologies for absence.
Seb