Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 16, 2023 at 10:46 pm #1407671
    Leadsocial

    Hi there, using enfold on a basic marketing recruitment site I have. The home page has a couple of elements in it and I wonder if there’s a solution to fill any room above the fold with the background colour when viewing it on a larger screen. (it already does so on a smaller mac screen)

    I am using a grid row in the content of the home page which means I cannot use a colour section that takes up 100% of the screen height by default.

    May 17, 2023 at 5:49 am #1407701
    Nikko

    Hi Leadsocial,

    You can set Grid Row Minimum Height to At least 100% of browser window height, so you don’t need to use a Color Section for that.

    Best regards,
    Nikko

    May 21, 2023 at 10:30 pm #1408095
    Leadsocial

    As there are different elements on the page I cannot have just the grid row section to be 100% then, it would be much longer. I also have some styling added to the grid row (divider line) which would look funny if it was 100% height.

    May 22, 2023 at 1:00 am #1408100
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .html_stretched #top.home #wrap_all {
    height: 100vh;
}
#top.home #socket {
	position: fixed;
	bottom: 0;
	width: 100%;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.