Remove or ignore duplicate navigation bar

[marvelfrozen]

I am trying to capture full page using Firefox in headless mode.
Using this Shutterbug.shootPage(driver, ScrollStrategy.BOTH_DIRECTIONS), I manage to get it to scroll and shot, but the results kinda looks ugly because we use navigation bar on the top and left.

If we try to use shootElement and try to capture the body only, we'll get "Requested element is outside the viewport".

Any idea how we can solve this duplicating issue? Can we maybe ignore spesific elements when capturing?

[marvelfrozen]

From what I have tried, to achieve 'beautiful' shot of long pages, you have two options:

• Use PhantomJS driver and maximize the windows
• Use JQuery to find max height of all elements on page and set the window heigth to that value

I'll close this for now. If anyone have any other idea, please drop a comment.

Thanks.