Embedded page with breakpoints issue

[alan_sh]

I have a web page with a flex grid. On the LH most column I have an embedded page (which has a menu in it). That works fine but...

I don't want that menu when I'm using a mobile phone. So, I changed the flex grid on the 768 breakpoint so that anything below 768 doesn't have it. When I preview the page and take the window below 768, sure enough the menu disappears from the flex grid - but reappears at the bottom of the page below the end of the flex grid.

Have I done something wrong? Is this not allowed? Or is this a bug in WWB?

Here's the file that illustrates the issue:

https://www.dropbox.com/scl/fi/vyessif2 ... ltxln&dl=1

Any enlightenment appreciated.

Thanks

Alan

[crispy68]

First, I would add the same breakpoints to the embedded page. I would also change the default view to 1920px. Breakpoints should match on each page. Since you have 1920 and 768 make all pages have these same breakpoints. Master pages and embedded pages are combined with the other pages when you preview/publish so they need to match up.

Now on the embedded page where the layout grid is, click on the 768 breakpoint (which you've now added) and make the layout grid not visible.

[alan_sh]

Oh - I tried hiding the embedded page in the 768 breakpoint, but that made no deifference

Alan

[crispy68]

Did you hide the layout grid? It works for me.

[alan_sh]

I didn't think of that. I just hid the menu. Thanks, I'll give it a go.

Alan

[alan_sh]

That works. I created another breakpoint in the embedded page and hid everything there.

Thanks

Alan