Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Bootstrap navigation display under the content

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #204978
    Kevin Mamaqi
    Participant

    Hello,

    I’m using bootstrap (with all its components) and the responsive navigation (toggle) is not working properly. It does not push the content down when expanding, instead it expands under it.

    This is the URL: http://wildlion.kevinmamaqi.com/artistas

    #205002
    akshan
    Participant

    Kevin,

    You have given your style in custom.css like this:
    .navnormal {
    background: transparent none repeat scroll 0% 0%;
    height: 96px;
    }

    You just need to remove the height it will expand your navigation. For example:

    .navnormal {
    background: transparent none repeat scroll 0% 0%;
    height: auto; /* Or you can remove height style in css*/
    }

    #205003
    Kevin Mamaqi
    Participant

    Thank you, I couldn’t find the mistake and now it is working.

    #205011
    Kevin Mamaqi
    Participant

    Hello Akshan,

    I still got a problem in a given section. I set the height auto, but I got an absolut position element. It is possible to push it down?

    URL: http://wildlion.kevinmamaqi.com/artista/the-faith-keepers/

    #205069
    akshan
    Participant

    Kevin,

    You can’t expand the absolute element because it does not effect on any other element. For this, you have to give relative position. for your ref. check this link http://responsive-nav.com/demo/

    Note: I checked your website it seems you have given header main image as <img src />, you can give this image in CSS(Background). After that you can play with relative position.

    I Hope this will work.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.