Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I'm trying to get my navigation bar to stop after item #6.
I want the vertical dividing line and the dark space after it to be deleted. I then want item #6 to have rounded corners at the end of it - the same way that item #1 starts.
http://jsfiddle.net/Abijah/6ykVS/
I think you want your navigation to look like Apple's menu bar. So made changes to your CSS & added some also. Please have a look. I think you like it this way.
Here is the fiddle: http://jsfiddle.net/6ykVS/7/
#nav { width: auto; } /* this may reduce the extra space after the menu */
#nav li:last-child { } /* this helps to write css for last li element */
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
My menu background is covering header and content (those tables) when you make your browser smaller (its responsive menu). How do I make it so that header and tables will move down a bit so its not hidden behind menu bg?
HTML: https://paste.ee/p/ww1CT
CSS: https://paste.ee/p/TEmU5
Instead of
nav {
position:fixed;
}
make it sit relative to the other content
nav {
position:relative;
}
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I'm experimenting with bootstrap and come up with below menu bar and slider:
http://tumolo.co.uk/fcslfn/
The rest of the site is built from this template:
http://ironsummitmedia.github.io/startbootstrap-modern-business/
I would like to know how to:
the FB logo and Twitter logo has a black horizontal line between them - how can i make that disappear?
how do i make the slider responsive?
How do I neaten up the menu bar, so that the football badge is centred and the menu items on either side, are proportionally separated?
For the Part One Update the http://tumolo.co.uk/fcslfn/css/general.css file
#top-menu ul li {
display: inline-block;
box-sizing: border-box;
margin-right: -1px !important;
margin-left: -1px !important;
}
For Two You can Change the Carousel to Responsive one Demo and Source
For the Third Change the Position of the Logo in small device view you can do this by using the responsive-utilities available in bootstrap
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
How do I edit this Bootstrap thumbnail slider/carousel http://www.bootply.com/79859 so that it looks like this one? I want to get rid of the whitespace between the thumbnails and make the thumbnails scrollable (without a scrollbar).
You can change the styling for the thumbnail list. Add a class selector .thumbs to the <ul> containing the thumbnails and the following CSS:
.thumbs > li {
padding-left: 0;
padding-right: 0;
float: left;
}
Bootply here.
As for making the thumbnails vertically scrollable there is a proof of concept here which shows you how to use overflow to achieve your desired effect.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
So, what I want to make is simple, I want an expanding menu. So for example, if you hover or click over/on one item, like "Home", there will appear several other items underneath it.
Basically, what I want is a floating div underneath the menu item. I already tried
menubar {
visibility:hidden
}
menubar:hover, menubar:active {
visibility:visible
}
This doesn't work!
Help? Thanks.
Maybe this is what you're trying to achieve: http://jsfiddle.net/d74Yv/
Basically we're using :hover and + selectors to show the submenu only when either its .handler or the .menu itself is hovered.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
In this website www.johnpaulus.com I am unable to move the top search bar to the topmost position, just to the right of the social networking icons. It is getting hidden behind the background.
How can I shift it up and make it visible on the right side of the social networking icons?
I wish to use CSS / HTML only.
Your positioning is wrong, a fiddle would be helpful but just did this using firebug, give margin: -40px 0 0; to #searchbar, you can do it better with positioning but as you've not shared any fiddle or code I tried to modify your styles
Screen Shot