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

New Here ,
Nov 20, 2017 Nov 20, 2017

Copy link to clipboard

Copied

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

Views

144

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

LEGEND , Nov 20, 2017 Nov 20, 2017
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 t...

Likes

Translate

Translate
LEGEND ,
Nov 20, 2017 Nov 20, 2017

Copy link to clipboard

Copied

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?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 20, 2017 Nov 20, 2017

Copy link to clipboard

Copied

[Telefono] = fluid mobile layout

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 20, 2017 Nov 20, 2017

Copy link to clipboard

Copied

LATEST

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:

Screen.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines