Set Mobile Header Height

Which product are you using?
PDF.js Express Viewer

PDF.js Express Version
UI Version: 8.4.1
Core Version: 8.4.0

Detailed description of issue
Header is too small on mobile

Expected behaviour
Header Bar should be bigger on mobile like on desktop.

Does your issue happen with every document, or just one?
This issue happen in every document on mobile

Link to document
{Provide a link to the document in question if possible}
I’m currently using the default document:

Code snippet

            path: './node_modules/@pdftron/pdfjs-express-viewer/public', 
            licenseKey: 'xxxx',
            initialDoc: '',
        }, document.getElementById('viewer'))
            .then(instance => {
                // now you can access APIs through the WebViewer instance
                const { Core, UI } = instance;
                // adding an event listener for when a document is loaded
                Core.documentViewer.addEventListener('documentLoaded', () => {
                    console.log('document loaded');

                instance.UI.setHeaderItems(function (header) {
                    const items = header.getItems()
                    //remove element from items array
                    items.splice(0, 3)

Best Regards,

Hello, I’m Ron, an automated tech support bot :robot:

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:


Hello sviluppo,

  1. What is your device’s resolution?
  2. When I view on my Samsung Galaxy S22 Ultra the header seems to work correctly.
  3. Are you applying any custom CSS to the viewer?

Best regards,
Tyler Gordon
Web Development Support Engineer

Hi @tgordon,
Thanks for your answer. The problem is solved, I think it is solved when I add the css in this directory: ./node_modules/@pdftron/pdfjs-express-viewer/public/ui/style.css but I’m not 100% sure.