Have tried to set two banners (one for mobile and one for tablet/desktop) using the inbuilt RW responsive area and the visibility stack in Foundry, but both types are not working. The website is ending up with two banners being displayed on both Mobile and Desktop. Can anyone suggest a work around or fix?
I think what @kerrodc is likely running into is that they’re using the Banner in Hero mode for the desktop and tablet breakpoints.
Hero banners are a bit different than other banners. To make it fill the screen the Hero Banner is taken out of its original stack and placed at the top of the page’s hierarchy. This means that when it is removed from its stack it is also removed from parent stacks as well. In this case the Visibility stack you’re using to hide it at certain breakpoints. Since it isn’t in the Visibility stack any longer it won’t be hidden at those breakpoints.
@elixirgraphics - thanks for your response, if I used something like Joe Workmans Agent stack that controls visibility on the server level will it still have the issue with the Hero Banner displaying twice?