Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 15, 2018 at 2:53 am #1045511
    P3T3R_0ne

    Hi,

    I am using The Events Calender and I have a slight issue with page display. There is a case when the page has not enough content to fill the whole screen which leads the socket to move up leaving white space below (see screenshot)
    On normal pages I ruled this case out by using a color sections with a minimum height of 100% of the screen. However, this cannot be done with The Events Calender /events page.

    I need a solution which ensures that the socket of the /events will never move up leaving space below. How to best go about this issue?

    December 15, 2018 at 5:43 am #1045535
    Mike

    Hey P3T3R_0ne,
    I believe that this will correct the issue:

    #top.events-archive .container_wrap_first .container:first-child {
min-height: 100vh !important; 
}

    but I was unable to reproduce the page in your screenshot to test. When testing you may wish to set the code to 80vh so it doesn’t create a over sized page.

    Best regards,
    Mike

    December 15, 2018 at 10:58 pm #1045747
    P3T3R_0ne

    Hi,

    the css with 80vh works good.

    Thank you for helping out.

    December 16, 2018 at 12:12 am #1045760
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Socket not at bottom on The Events Calender page’ is closed to new replies.