[Support request] How to position button below video

Home Forums Support [Support request] How to position button below video

Home Forums Support How to position button below video

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1999161
    Karsten

    Hey friends,

    please check out my new landpage.

    On my mobile view I would like to position the yellow button (CTA) below the video, but I can not figure out how to achieve this.

    Please help and advise.

    Thank you

    Karsten

    #1999227
    Ying
    Staff
    Customer Support

    Hi Karsten,

    Are you talking about this yellow button?
    https://www.screencast.com/t/vxrSNz3rh

    If so, it’s not possible to move it up below the video.

    I would recommend add a button below the video in the page editor, give it an additional CSS class: hide-on-desktop, then it will only show on tablet and mobile.

    #1999240
    Karsten

    Hello Ying,

    thank you for your response.

    No, I am talking about the blue button (sorry, I was working in the meantime and found out that I can stack container by giving them numbers).

    But I still couldn’t figure out how to position the blue button below the video.

    Please check here again:

    thank you very much

    Karsten

    #1999248
    Ying
    Staff
    Customer Support

    If you are talking about this button, then its nested container is not a grid item, you’ll need to toggle the option to make it the same as the other 2 containers:
    https://www.screencast.com/t/vfQmDulEQu

    Select the container block, this option should appear:
    https://www.screencast.com/t/oEpzgJGYKr

    Let me know if you need further assistance ๐Ÿ™‚

    #1999289
    Karsten

    Dear Ying,

    your information was already helpful, but unfortunately I don’t see this option when I select the container block as you can see here.

    #1999350
    Elvin
    Staff
    Customer Support

    Hi Karsten,

    That option Ying mentioned only appears if the container block is a direct child if the Grid Block.

    In your case, the container block is a grand child of the Grid Block (child of a column Container block inside a grid block). That is why the option isn’t appearing.

    Here’s a suggestion:

    Try duplicating the button. You then place the duplicate under the video.

    You then add hide-on-desktop hide-on-tablet class to the button’s container block for the button on the right column.

    You then add hide-on-mobile class to the button’s container block for the button on the left column.

    #1999597
    Karsten

    Hey Elvin,

    great, thank you very much. Your suggestion works perfect.

    Best,

    Karsten

    #1999608
    Elvin
    Staff
    Customer Support

    No problem. Glad to be of any help. ๐Ÿ˜€

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