Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Header is overlapping content in the following pages #76

Open
carduque opened this issue Apr 6, 2018 · 4 comments
Open

Header is overlapping content in the following pages #76

carduque opened this issue Apr 6, 2018 · 4 comments

Comments

@carduque
Copy link

carduque commented Apr 6, 2018

Hi,
Header is fine on first page but it overlapping the content in the following pages. Any idea what to do?
image

@kbrown01
Copy link
Contributor

You do not have enough space allocated. The header area in your example you sent to our email shows it uses just the standard 48px, the margin-top of the block you are inserting in it is already 24px so the header is starting 24px down from the top. If I increase the header size in your example to 60px from 48px, I get no overlap.

@kbrown01
Copy link
Contributor

I would note it may even need to be larger, your image is certainly taller that the only 24px you allocate for the header,

image

@kbrown01
Copy link
Contributor

kbrown01 commented Apr 11, 2018

One additional note, you should move the <script> code outside of the <div> you are actually rendering, This can cause issues because many scripts would contain illegal XML characters and we are parsing the DOM and making XML from it. The script is not needed to format the document so there is no need to include it in the <div> being formatted, just move to the end.

@carduque
Copy link
Author

Thanks. How to increase those standard 48px for the header?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants