# Any CSS/JS wizards out there want to help me out on the doc site?

**URL:** <https://forum.ansible.com/t/any-css-js-wizards-out-there-want-to-help-me-out-on-the-doc-site/11842>\
**Category:** Ansible Project\
**Created:** [August 30, 2012, 1:15am UTC](https://forum.ansible.com/t/any-css-js-wizards-out-there-want-to-help-me-out-on-the-doc-site/11842 "2012-08-30T01:15:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michael\_DeHaan](https://avatars.discourse-cdn.com/v4/letter/m/c4cdca/32.png) [@Michael\_DeHaan](https://forum.ansible.com/u/Michael_DeHaan)\
**Post date:** [August 30, 2012, 1:15am UTC](https://forum.ansible.com/t/any-css-js-wizards-out-there-want-to-help-me-out-on-the-doc-site/11842/1 "2012-08-30T01:15:19Z")

</div>

Hoping someone might like to help with this --

We're using the Sphinx bootstrap theme -- which I like the way it  
looks a lot -- and want to keep. However, the nav bar at the top is  
giving some trouble on a few pages

(A) when there are too many menu options (say, on the module page),  
it doesn't scroll or anything, so the navigation is rendered useless  
-- especially a problem on netbooks.

(B) when clicking on an option the navbar obscures the first part of  
the text you just clicked on, which is a bit confusing

Anyone want to try their hand at getting rid of the nav bar and  
replacing it with something more functional? It's pretty easy to  
remove the navbar from the layout.html file in Sphinx and move the  
"fork me on github" icon back to the top by fixing the padding -- but  
I need something to replace the navigation that is there.

--Michael

---

<div class="post-metadata">

**Author:** ![Marco\_Vito\_Moscarito](https://avatars.discourse-cdn.com/v4/letter/m/97f17d/32.png) [@Marco\_Vito\_Moscarito](https://forum.ansible.com/u/Marco_Vito_Moscarito)\
**Post date:** [August 31, 2012, 9:56am UTC](https://forum.ansible.com/t/any-css-js-wizards-out-there-want-to-help-me-out-on-the-doc-site/11842/2 "2012-08-31T09:56:18Z")

</div>

Try with:

----8\<--------8\<--------8\<--------8\<--------8\<--------8\<----  
.localtoc .dropdown-menu {  
&nbsp;&nbsp;width: 480px;  
&nbsp;&nbsp;max-width: 480px;  
}

.localtoc .dropdown-menu li {  
&nbsp;&nbsp;float: left;  
&nbsp;&nbsp;width: 160px;  
}  
----8\<--------8\<--------8\<--------8\<--------8\<--------8\<----

This put menu on 3 cols. Sorry but is yust a test from a browser and i  
think can require some othere test 😉

Bye  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Marco