Menu text + Iframe issues

Good day,
Could you please help me solve 4 issues.

  1. How do I separate texts in dropdown menu? As you can see they are glued together.

  2. How do i hide button above when hovered just like youtube play button below?

  3. When play button is clicked iframe expands full screen, how do I make it happen half screen


  4. How can I make 3 lines bigger?
    image
    Thank you so much for your help!

Hello @Haz,

Thanks for writing in!

1.) You will need to edit your menu and make sure to increase the maximum width to at least 20em.

2.) In your Button element Effects module, you have to set the opacity to 0. Enable the Interaction > Animation and set the opacity to 1 so that when you hover over the column, the button will appear and disappear once you hover out.

3.) To adjust the height of your modal, you will need to set the maximum height. You may need to set it responsively so that it will be bigger on desktop screens while displaying the half screen on small devices.

4.) And to change the hamburger size, you will have to go to Modal > Toggle > Graphic in the element settings.

Kindly let us know how it goes.

Bless your heart @ruenel i was able to configure everything thanks to you!

Could you please hint me one more thing and thank you for being patient and doing this hard work!

in 2) How do I make button to appear when mouse is hovered over the window, it becomes visible only when i hover in buttons area

Hello @Haz,

Thanks for the updates.

You will need to enable the “Link Child Interactions” in each of your Column element effects.

Once you have this setting, when someone hovers on the column, the button will automatically show up.

Best Regards.

Worked perfectly, thank you so much! What would i do without you :slight_smile:

I am glad that I could be of assistance, @Haz!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.