Hi!
Web page: http://kaluste-kippari.fi/yhteystiedot/
I use ‘Full Width’ and ‘Full Width Stretched’ row layouts on this website. Problem is, in mobile view, below screenwidth 752 pixels, when collapsing the mobile menu, the full width rows appear on top of the menu.
I’ve tried manipulating z-index settings would help here. For example, I tried this, to no avail: http://docs.layerswp.com/forums/question/how-can-i-get-the-collapsed-mobile-menu-to-appear-on-top-of-siteorigin-page-builder-full-width-rows/
So now I’m thinking, can I somehow change the row width settings using CSS, something like:
@media screen and (max-width: 751px) {
[some way to change the ‘Full Width’ and ‘Full Width Stretched’ into ‘Standard’ row layout properties]
}
With Firebug I can see that the rows use e.g. data-stretch-type=”full-stretched”. Is there a way to manipulate the data-stretch-type depending on the screen width?
Cheers,
Jos