Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 3, 2021 at 8:13 pm #1308592
    rankbrite

    Am wondering if there is a way to set a fixed maximum height to the socket on all pages, even if the container above it (#main) doesn’t have any content.

    For example, is it necessary to set a min-height to the empty container above the socket, so that the socket has a height of 100px or so – or is there a property for the socket that can fix its height? (and if so, how to do this?)

    Here is an example of what I mean:

    https://www.mediafire.com/view/la4d3804z6cc09y/Enfold-Example.png/file

    July 4, 2021 at 10:14 pm #1308677
    Mike

    Hey rankbrite,
    If you are going to have no content in your page you will need to set a minimum height to the #main first container like this:

    #main > .container_wrap_first > .container {
	min-height: 68vh;
}

    You can adjust to suit your needs.
    When there is no page content the socket is still only about 57px high:
    2021-07-04_008.jpg
    the black space you see is after the body of the page, the browser is just filling in what you don’t have:
    2021-07-04_009.jpg

    Best regards,
    Mike

    July 9, 2021 at 7:40 pm #1309432
    rankbrite

    Hi Mike, a very appreciated, belated thank you!!

    July 10, 2021 at 1:01 am #1309445
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    July 10, 2021 at 2:53 am #1309461
    rankbrite

    Hi Jordan, yes please, close. Thanks again.

    July 10, 2021 at 12:00 pm #1309486
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Socket Default Height’ is closed to new replies.