nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

is it possible to have different header arrangements Desktop / Tablet / Mobile ?

CP_Leipzig

Hello,
is it possible to have different header arrangements Desktop / Tablet / Mobile ?

Currently everything always shifts the same.
However, I want a space-saving header in the tablet / mobile variant, but if I move or delete something there (for example, text or buttons) is also adopted in the desktop variant. (except widgets)

Desktop Variante

Tablet / Mobile Variante

Encontre mais publicações marcadas com

ArcGIS Enterprise

Accepted answers

ThomasCoughlin

The Foldable theme includes a premade header that isn't an "actual" header. It's made out of a Fixed Panel widget at the top of the canvas.

So, you can switch the canvas to automatic and adjust the contents of the fixed panel for smaller screens.

(You could also turn on the "actual" header and move all your header widgets there. Then you'll see the header's custom option.)

For tips about optimizing for different screen sizes I recommend this presentation from one of our Developer Summits. The main tools you'll use are size and position settings and the pending list.

All comments

ShengdiZhang

Hi @CP_Leipzig ,

If you disable live view and lock layout, you can enable a Custom layout for header at different screen sizes.

Regards,

Shengdi

CP_Leipzig

i have only the option "widgets" automatic or custom?

ShengdiZhang

If you only see one Auto/Custom, it is because you don't have the Header enabled.

So, enabling custom means having a custom layout for body, but the result will be the same.

CP_Leipzig

this option is not available in Foldable theme!

ThomasCoughlin

The Foldable theme includes a premade header that isn't an "actual" header. It's made out of a Fixed Panel widget at the top of the canvas.

So, you can switch the canvas to automatic and adjust the contents of the fixed panel for smaller screens.

(You could also turn on the "actual" header and move all your header widgets there. Then you'll see the header's custom option.)

For tips about optimizing for different screen sizes I recommend this presentation from one of our Developer Summits. The main tools you'll use are size and position settings and the pending list.

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.