Background Size Per Section

  • Resolved ndar

    (@ndar)


    2 years, 1 month ago

    Hi.

    I have never used this plugin or style of site, so this may be a rookie question. How do I know what size to make my background so it fits perfectly within each section/scroll? Does that make sense? Just like on the demo site… each new section has a different background that seems to fill the screen perfectly.

    Thanks, and sorry for the (I’m sure) beginner question. Excited about using this plugin.
    Thank you.

    • This topic was modified 2 years, 1 month ago by ndar.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author malihu

    (@malihu)

    Hello,

    Normally, you’d want each section height to be equal to the viewport height. You can do this by using the CSS vh unit (info).

    It would also be better to set a minimum height (instead of just height) so you can have longer content within sections (i.e. content that exceeds the viewport/screen height).

    So, a CSS like the following would do the trick: 

    .your-sections-class{
    display: block;
    position: relative;
    min-height: 100vh;
}

    Hope this helps

    Thread Starter ndar

    (@ndar)

    Got it. Thank you so much!

    Plugin Author malihu

    (@malihu)

    You’re welcome. Let me know if you need more help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Background Size Per Section’ is closed to new replies.