How I can to set fixed objects in the browser in the fluid mobile layout?

[alessiop95801939]

Hello,

I have a site and I made an alternative layout for mobile device.

but I have a panel and other objects in the header which must remain fixed high in the browser.

How can I do and remaining in fluid mode?

Thanks for support

[Günter Heißenbüttel]

Could you please elaborate your question?

You can place fixed width element in fluid layouts and I bet, you know this.

You only have to make sure, that these elements don’t „bleed“ out of the breakpoint width, when reducing the browser window.

So, what do you mean? Screenshot? .Muse file? Scribble?

[alessiop95801939]

[Telefono] = fluid mobile layout

I want to fix everything to the top of browser but the option is disabled...

[Günter Heißenbüttel · Accepted solution]

I see! I overread, that you have an alternate layout! Sorry for that.

Since mobile devices in most cases don’t display pinned elements correctly, this option is disabled in alternate layouts. (If you create a fixed width breakpoint in an appropriate size, all will work well.

But you can achieve the same thing by using scroll effect, if the mobile layout is set to fixed width. (A fixed width alternate layout should work fine, because the so called „viewport scaling“ customises the layout width to the screen width perfectly (if you have no elements, which overlap or are placed outside the page/breakpoint boundaries).

Just use this configuration, and all will work fine: