Hi all,
In the old responsive engine, when I added an alert element to a page it would align to the top and behave itself!
However, with the new responsive engine, when I add an alert element to the top of a page, the entire page is no longer visible, as though it covers the whole page. When I delete the alert element, I can once again see my page contents?
The same goes for my side nav, the text shown below is inside a group column, yet this covers the whole page unless I make the width a max of 100px. Why can’t it be width 100% as it’s should expand to the parent container - instead it expands the whole page?
you have not assigned the max width to the alert this may be the reason or
change the parent container type to column or align to parent
one of these can solve this issue
for 2nd img:
check the topcopy container is within the sidebar or not
make its width fixed to 100%
always try to keep two elements required same container type within a single container.
use the groups as much as you can to simplify the layout structure .
use the container type, horizontal and vertical alignments, width and height as fixed or min and max properly.
the beta engine is easy to learn.