Squashed knowledge base articles

Question

Hey, i've looked everywhere and can't seem to see other people with this issue - we've created public facing knowledge base articles which are great but when viewed on a smartphone (we've tried multiple types and size smartphones) it appears that the article is being displayed in an iFrame within the knowledge base article, which is resulting in two seperate scrolling pages in the same page and the actual article having a really squashed view and not full page width.

I've tried the Atlassian knowledge base page and it's full screen width unlike ours. Does anyone have any ideas of what causes this or if there's a setting i'm missing or something I have to do?

I've attached two screenshots: the Atlassian knowledge base article with full page width articles and our one which has our article inside an iFrame of the knowledge base page.

Thanks y'all.

Ste Wright · Answer

Hi @Christopher

Have you tried asking https://support.atlassian.com/, to see how they achieve this?

It might be using a more advanced theme builder can also help, for example...

* Refined for Confluence Cloud 
* Mantra - Confluence Intranet
* Scroll Viewport for Confluence
* ...or another option from the Marketplace

Let us know what you find out :)

Ste

Christopher_c9yeoa · Answer

Hey there @Ste Wright Thanks for this info! i've given this ago and it has made a change but its really slight.

But when doing this i've found more things that are a bit confusing.. and wondering if you or anyone else in the community know the answers to these additional items:

The image below -

* the 1st of 4 is before pressing the full width button where its really squashed,
* then the second one is after pressing the full width button and its made a slight change but it's still a window within a window and sometimes also scrolls horizontally within the window,
* then the 3rd image is when I select a heading link and copy and paste it into the browser it looks great and is much wider than the 1st two but i'm wondering how to generate links for articles where it displays it like image three instead of using a header link?
* Also the 4th image - which is an Atlassian support support article is the goal for how we want it formatted, also where the user can't see those chain link icons for each header - how do we get to this or is there a support article for it as when I edit the knowledge base article in both Jira and Confluence view I can't find any additional settings.

Ste Wright · Answer

Hi @Christopher

Are Confluence pages setup to take advantage of the full width of the page? Or are they centred to the middle, with white spaces on either side?

If it's the latter, I'd try making a page full width...

* Edit any page
* Use the full width button to extend the page width - it's the button with two arrows facing away from each other, in line with the page tree (above the title)

...and then test it again on a mobile browser.

Let us know if this works!

Ste