Navigation
Archive / Send Icon to bottom of screen
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 10, 2016 at 6:24 am #1125380
    Simon T
    Participant

    Hey Guys,

    On the link below, I have set the row to be full height, I then have an icon that I would like people to click to enable smooth scrolling down to the website content – this all works fine.

    What I can’t figure out is how to set the ‘Train hard” header to be in the center of the top height row, and the arrow to be at the bottom – across all screen sizes. Any advice?

    http://77.104.142.77/~webstein/sportingedge.co.nz

    August 10, 2016 at 9:42 am #1125591
    Joao
    Moderator

    Hi Simon

    Try using a gap element on Cornerstone and setup the size of the gap with % instead of px.

    If you are not using Cornerstone you can use the gap shortcode.

    Please refer to : http://demo.theme.co/integrity-1/shortcodes/gap/

    Hope it helps

    Joao

    August 10, 2016 at 9:47 am #1125597
    Simon T
    Participant

    Hi Joao,

    Unfortunately this makes the background image (set to full height) larger. I want the background image to take up 100% of the screen, with the “Train Hard. Push the Limits. Get the Edge” heading half way down and the smooth scrolling arrow icon at the bottom of the background images (on all devices)

    August 10, 2016 at 11:39 am #1125822
    Rupok
    Member

    Hi there,

    You can try setting the height of the section to 100vh instead of 100%. Then you can use absolute positioning for the icon and set something like bottom: 50px; . Let us know how it goes. We’ll be happy to assist you if you need some more help.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1125380 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>