zpMobile full screen width issue.

spirus

I'm using zpMobile (1.14). I'm modifying it by adding in a fixed, top nav bar that should start at the top, left corner. For reasons I cannot figure out, it is away from the left screen by about 40px and down from the top by 23px. The overall length of the navbar, which is defined as 100%, is also shortened to accommodate the gap on the left.

What in the theme is causing this? The most I could find was a top margin of 7px for the li element, but that still leaves 15px worth of empty air that I cannot find any cause for.

For some background, the navbar is a .php file that the rest of my website uses and works fine. I also inserted into wordpress with no sizing issues.

The stylesheet I have referenced is a trimmed version of my primary that I use exclusively for this to prevent any conflicting definitions.

So all that should be solid.

And I do know that I can use a negative margin and force the size of the navbar past 100% but it really janks up my responsive design.

Is there some kind of definition for the viewport that I'm missing?

fretzl

It's impossible to guess what might cause this.
Do you have a link to the site so we may have a look?

acrylian

The theme uses the jquery mobile framework which defines all layout things. That literally takes over nearly everything and also wraps a lot in JS stuff. I would recommend to get familiar with that framework first. Here is the related part for a fixed navbar: https://demos.jquerymobile.com/1.4.5/toolbar-fixed-persistent/

spirus

The conflict with JQuery Mobile definitely seems to be the root cause behind this. It's a bit over my head to do a workaround without just using their navbar template, so I'll likely just use another theme that will be suitable enough. Maybe in the future I'll dig more into this library.

Thanks. I at least know how to address it when I have time to.