page without scrolling

Hi Franz,

I have added the following CSS codes:
This code moves the content up:

#my_section .container .content {
    vertical-align: baseline;
}

This code makes sure that the socket is displayed exactly at the bottom (applies to tablets, ipads and bigger devices)

@media only screen and (min-width: 768px) { 
  #top #my_section {
    height: calc(100vh - 148px);
  }

  #top.logged-in #my_section {
    height: calc(100vh - 180px);
  }
}

This code makes sure that the socket is displayed exactly at the bottom (applies to bigger devices that are bigger than the tablet/ipad)

@media only screen and (min-width: 981px) { 
  #top #my_section {
    height: calc(100vh - 114px);
  }

  #top.logged-in #my_section {
    height: calc(100vh - 146px);
  }
}

Please review your site.

Best regards,
Nikko

Hi Franz,

Please try to add this CSS code:

#my_section .av_textblock_section {
    margin-top: 50px;
}

Then just adjust the value as you see fit.

Best regards,
Nikko

Hi Franz,

You can use this code to target only mobile devices:

@media only screen and (max-width:767px) {
  #my_section .av_textblock_section {
    margin-top: 50px;
  }
}

Best regards,
Nikko

Hi Franz,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko