I have added two navBar one after another, where the top Nav bar has a side drawer where the content beneath inside is shrining on clicking toggle button. While in other hand i am displaying another Nav bar beneath first nav bar, it also has a side drawer but while toggling it the content inside is not shrinking. I have tried that in all possible ways. Pls help me to fix that. Here i ma sharing the code sandbox link for that.https://codesandbox.io/s/persistentdrawer-pygrt?file=/PersistentDrawer.js
Thanks in advance
Related
Whenever I click on underneath the navbar then It shows like a link, and I don't want that. just like I shown in this picture. https://imgur.com/4JOcVhU
There is some css issues. like padding or hights of your navbar link elements
I'm trying to enable browser scroll bar in my website but didn't work.
This is the site online : http://guillaumeruiz.com
All projects in this "gallery" are hidden and visible with a hide Id function. I used a left-right-top-bottom fixed divs for the red window border. And, every div project have a fixed position too to cover the main gallery.
If you can help me please... thank you
I'm using an iframe to embed an Uberflip collection on a webpage, but the iframe seems to be clipping the drop-down nav menu above it and I'm not sure how to fix it.
http://www.eaglesflight.com/training-resources
There are 8 listed items under the training navigation header, but it clips mid-way through the sixth item. Any help is appreciated.
okay I have a 100% width layout here and I have a sub menu on the left and content on the right side of the menu which have links which cant be clicked on because the left side sub menu has a z-index of 99 so I cannot click on the links on the right side content area. My sub menu is setup so that the overall area is 1000px in the center then auto right and left margins so the sub menu sits on top on the main content area. I tried to reposition without using the 1000px in the center but was not able to get it to work so that it stays on the left side of the content. I tried using pointer: none css for the submenu which allows the right side content links to work but then disables the sub menu button links.
Basically what I need is a solution which would allow both layered divs to have links on them...I dont know much javascript but is there any solution that will work on all browsers?
Here is the link to the site design http://liquidchrome.net/price_transfer/terminal-contacts.html
you can see that only the very bottom links on the right side content area work and none of the top links are clickable.
thank you
The HTML structure you are using seems to be the problem. It seems overly complicated when it doesnt need to be.
I suggest you restructure the basic layout of the core elements like in the link below
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
I have a web page with two panels. The left panel takes up the majority of of the width and displays user posts. The right panel is a navigation menu so I want it to remain fixed and never roll off the screen.
When there are too many posts to fit on one screen, a scroll bar appears on the right of the screen (NOT the panel), and the user scrolls down. This is all good, except that the navigation menu scrolls off the screen.
Both panels are within a common div. I tried setting its position to relative, then making the nav panel position fixed, with a right offset of 0. This kept the nav panel on the screen, but on the far right (ie. not within the containing div).
How do I go about keeping the nav panel fixed on the screen, but floated to the right of it's containing div?
Thanks a million!
EDIT: For and example of what I mean, look at Facebook. You'll see that the posts column can extend on forever, but the right hand column (with the advertisements) stays on the screen...
You could use the Twitter Bootstrap Affix JS plugin:
http://twitter.github.io/bootstrap/javascript.html#affix