Thread Starter
tigron
(@tigron)
You’re using invalid CSS. The solution starts with:
.navbar .nav li.free_download.btn {
position: relative;
bottom: 10px;
padding: 2px;
line-height: 19px;
vertical-align: middle;
background-image: url('/images/author.png');
}
But you need to sort out the path to the image.
Thread Starter
tigron
(@tigron)
Thanks so much. That worked. My graphic is larger than that area. Any suggestions ?
You can try somrthing like :
.btn-block, .nav-header, .nav > li > a {
width: 120px;
}
.navbar .btn, .navbar .btn-group {
margin-top: 20px;
}
But it is not responsive as well, It seems to be hard all this classes for your menu nav-bar… The last box seems to be bigger, it is strange it seems you have a ul li which repeat the boxes…
Thread Starter
tigron
(@tigron)
@rodinux, thanks that was exactly what I needed to get it looking somewhat right. I still need to remove the text, background color and get the rollovers workiong but I’m off to a great start.
I’ve been trying to combine @redellconsunlting’s responsive code with yours to no avail so far but I’ll put some more time to it.