Help needed with banner positioning!

[Rodders]

Hi, I've been trying to solve but am probably looking in entirely the wrong place!
Basically I have a front page for a web site with normal graphics, text etc. What I want to do is make a banner appear when the user clicks on a piece of the text. However I need this to float over the standard home page so that it takes prominence as it is a comapany statement. Once read they click and the banner goes and the home page reverts to normal. I can do the actions/events no problem. But I can't get to position the banner over the normal text etc.
The site is responsive and I've used layout grid at the moment for the home page. Any pointers gratefully received! Thanks

So an update - I realised that I should use a fresh layer and place this on top, placed the banner inside this new layer then set the actions and it all works okay, other than the position is not central to the screen. So just that piece to crack!

[Pablo]

Did you consider using a dialog or modal layer?

Examples:
https://www.wysiwygwebbuilder.com/suppo ... ydark.html
https://www.wysiwygwebbuilder.com/suppo ... outme.html
https://www.wysiwygwebbuilder.com/suppo ... orate.html

[Rodders]

Hi
Thanks for that Pablo, I hadn't thought of that and may well use one of those templates.
What I've done so far is as I said use a new layer, which I've now filled with the background gradient and text. Set it as a sticky panel and it works okay. Click action to show and then click to close and as a sticky panel it centralises okay and is responsive - (But I do like the middle template!!)
Thanks again

[Rodders]

Hi Pablo
Okay so I must be doing something wrong! Looking at the three templates the banners didn't seem to be mobile responsive - so I decided to try again using the layers option.
I have built a layer for the PC size screen with a corresponding text line with the action "open layer on click". Both of these I have hidden in all other breakpoints. (The layer is also initially hidden)
Next I built a new layer in the mobile breakpoint with it's own text line with action open layer on click and again set them to be hidden in all other breakpoints . Again with the layer initially hidden.
When I publish the site, the PC action works fine, but the Mobile version refuses to open the layer. However if I initially display the additional mobile layer, then close it the click action on the text element works.
(Both layers have an action so that on a second click the layer hides itself)
The page can be seen (without the mobile layer working(!) at www.styleprint.biz/test/index.html
I can forward the actual wbs file if you'd prefer
Many Thanks

[Pablo]

You do not have to use a different layer for each breakpoint, the same layer can be resized in other breakpoints.

If you are working with events to control the visibility then 'Include visibility' should be unchecked.

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=63817
(When using events, the visibility is affected by breakpoints)

[Rodders]

Oh okay thanks I'll have a read up!