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; } } }

Authoring pages for mobile view

James Cunningham_07sik9

I am building a Knowledge Base for our Jira Help-desk and a lot of our users are occasional users and may be on phones. They will not want to install an app but will click on a link and view a webpage.

I want to get more control over the layout of the pages when seen on a mobile phone.

Is there a way to edit the page layout delivered to a mobile? Or can I bring in the width of the pages so the layout works on both mobile and desktop?

Accepted answers

Diego_88dj6o

Hello @James Cunningham !

Currently, the web view is not customizable. We get a limited feature set when accessing the mobile version of Confluence via Mobile Web Browser.

There is still the possibility of using the Desktop view while on a mobile browser. Here, take a look:

For a more interactive and feature rich mobile interaction, the usage of our mobile application is advised. You can check it here:

[Atlassian] Confluence Mobile App

One thing that left me curious is this part of your question:

“Or can I bring in the width of the pages so the layout works on both mobile and desktop?”

What did you mean by “bring in the width”? I would like to understand so I can better help!

Looking forward to your reply.

All comments

Diego_88dj6o

Hello @James Cunningham !

Currently, the web view is not customizable. We get a limited feature set when accessing the mobile version of Confluence via Mobile Web Browser.

There is still the possibility of using the Desktop view while on a mobile browser. Here, take a look:

For a more interactive and feature rich mobile interaction, the usage of our mobile application is advised. You can check it here:

[Atlassian] Confluence Mobile App

One thing that left me curious is this part of your question:

“Or can I bring in the width of the pages so the layout works on both mobile and desktop?”

What did you mean by “bring in the width”? I would like to understand so I can better help!

Looking forward to your reply.

James Cunningham_07sik9

It looks like for some people when viewed on a phone the pages were showing the desktop version by default. So I re-authored the pages using layouts and just filling one side. This is what I meant by bring in the width. This has allowed me to make a narrow tall web page.

Ideally it would be great to view the mobile view and set the layout of that also, like in a program like Adobe Muse. There you can set the break points and how the fluid layout adjusts depending on the screen size.

It is very unlikely our end users will bother installing a new app.

Diego_88dj6o

Hello again!

You should be able to get a “narrow tall” page by using the New Editor (Fabric). You can get more details about it here:

[Confluence Cloud] Learn about Confluence Cloud editing improvements

[Atlassian Community] The new editing experience: we're listening

You could try to use the native feature called layouts to better adjust the width of your pages, as needed:

[Confluence Cloud] Add formatting to your page

However, to have the full Mobile experience within Confluence the Confluence Application for iOS or Android is needed.

Let us hear from you!

James Cunningham_07sik9

Yes the Layouts feature is exactly what I fell back on. All good

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud

mobile