Overlay Style menu within Content Slider

Beaver Builder
1

Hi there,

My Development Environment is: WP/Genesis/Dynamik Builder/Beaver Builder

Browser: Chrome 47.0.2526.111

I am trying to create an overlay style menu within the ‘content slider’ on Beaver Builder but I can only get half the CSS to work. I can’t get the ‘#id:checked~’ and ‘#id:not(:checked)~’ part of my CSS to work. Is this something that is not possible with Beaver Builder? Here is an example of what I am trying to do:

https://jsfiddle.net/0096cmjs/15/

For the moment I am just trying to get it to work on individual slides, but ideally I would like to have the menu as a Global layer that stays on top of the slides. I haven’t seen any options for creating such a layer. Is this possible?

2

*Update - I found a genesis plugin for what I wanted to do which uses a custom widget area. It seems to be doing the job so I’ll probably just use that and customize it. Now I just have to get it working well responsively. Apologies if I wasted anyone’s time - I am new to Beaver Builder & Genesis & Dynamik. Trying to get my head around it all at once. When I can I’ll play around with it and see if I can create my own overlay menu using a custom widget area.

3

Hey Mike,

No worries at all and glad you found what you needed! Enjoy BB! :slight_smile:

Ben