Helsinki Service Portal
We are in the process of creating our service portal page. We have a main container with an image background. Also within that container we have our main menu item widgets. This works well on the desktop view (see first image). However when it is viewed on the mobile or tablet view the widgets on the main container are not shown (see second image). I understand the removal of the main image but is there a way to overlay our widgets in that container to where they will be rendered in the mobile view? (I understand if I move them out of the container they will show but the look with them on the background image is preferrable.
Desktop View
Mobile View
There must be a different way I need to go about accomplishing this. My container has the hidden.xs attribute (which is what I want) but my main menu widgets are within the container so when the container is hidden on the mobile view so are the widgets. Attached is a screen shot.
Thanks, I haven't been able to figure out how to overide the hidden-xs class in the widget. It seems the container takes precedence.
For now I removed the hidden-xs in the container. Not my preference but works ok for now.
