Navigation
Archive / Adjusting Header Placement
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 17, 2017 at 10:53 am #1375250
    philipfemo
    Participant

    Hi X Theme,

    I am working on http://www.getbundl.com/test

    I am trying to adjust the placement of a custom header. It worked smoothly with the button, but obviously there is something else happening with the text element.

    I’ve set the video height to 85vh so i still want to show the next section (the image beneath the video).

    Can you help me with the CSS for getting the text up there?
    Thank you

    February 17, 2017 at 11:09 am #1375275
    philipfemo
    Participant
    This reply has been marked as private.
    February 17, 2017 at 3:13 pm #1375546
    Joao
    Moderator

    Hi There,

    I would build this with this elements.

    GAP ELEMENT (size 15% – or what you prefer)

    Custom Headline

    Text Element

    Button Element

    Hope it helps

    Joao

    February 17, 2017 at 3:49 pm #1375590
    philipfemo
    Participant

    I am not sure what the GAP ELEMENT does ?
    I am sensing the key is in the GAP ELEMENT – but I can’t really understand its functionality.

    February 17, 2017 at 3:56 pm #1375595
    philipfemo
    Participant
    This reply has been marked as private.
    February 17, 2017 at 11:49 pm #1375976
    Christopher
    Moderator

    Hi there,

    Using the [gap] element allows you to add extra vertical spacing between text or on-page elements. Using the size attribute you can specify exactly how big of a gap you want.

    Hope it helps.

    February 18, 2017 at 6:09 am #1376170
    philipfemo
    Participant

    Hi Christopher.

    Thank you – but I don’t see how that is very well for responsiveness?
    BR

    February 18, 2017 at 4:33 pm #1376546
    Rad
    Moderator

    Hi there,

    You can use multiple gaps ( one for desktop, one for mobile ) with different sizes. And use it’s visibility option to hide in on specific device. Example, a large gap which is displayed on desktop should be hidden on mobile.

    Thanks!

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