Forums

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

Home › Forums › CSS › Bootstrap Full Height Background Cover Image issue

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 4, 2017 at 9:45 am #249658
    drizzy
    Participant

    Hey Everyone

    I seem to be having issues with my background cover image on my site.
    http://dev.citysightseeingniagara.com

    When I load it locally it works fine, but when uploaded to the server the image it shows only a small portion.

    Can anyone look at the css and let me know where I went wrong.

    TIA

    January 4, 2017 at 9:58 am #249659
    Shikkediel
    Participant

    I suppose it’s about div.background-image-fixed.cover-image, the first child of div#home.cover…

    I only see an issue with the z-index, background is covering the full dimensions of the div.

    January 4, 2017 at 11:58 am #249685
    andressabertolini
    Participant

    Try remove

    height: auto !important;

    from body tag

    January 4, 2017 at 12:18 pm #249689
    drizzy
    Participant

    Thanks a lot that seem to do the trick :)
    now my sub menu stopped working :(
    hopefully I’ll figure it out.

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