Forums

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

Home Forums CSS objects hidden after minimalizing screen

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #244773
    jdoe1993
    Participant

    Hello,

    I am currently working on a website called nyael.com. At a certain screen width the form (above the footer) will not be displayed so it isn’t visible on a mobile device. Does someone know how I can fix this problem?

    Thank you!

    #244774
    Atelierbram
    Participant

    Maybe not the best permanent solution, but you could try this:

    .home_slider[style] {
      min-height: calc(100vh - 65px) !important;
    }
    

    Inline styles for height on this .home_slider inserted by javascript are slightly off, so to really fix this issue, one has to find the cause for this.

    Above is just a quick fix (overriding these inserted styles, one has to use this attribute selector on the element, and !important at the end of the value). So100vhis the full height of the screen being used. Herecalc subtracts the height of the footer (about 65px) from this calculated screen-height.

    #244778
    jdoe1993
    Participant

    Thanks for your help, I will try it!

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