menu css problems

  • I am having some problems getting some graphics I created to show in place of the menu items. I created classes for each menu item and created the css to grasp those classes. Some of the items that should work are overriden.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Site Link?

    Thread Starter tigron

    (@tigron)

    https://www.tigronconsulting.com/123mangotree

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘menu css problems’ is closed to new replies.