Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 12, 2019 at 4:00 pm #1137570
    84wb_2

    Hi Kriesi-Team!

    I love your theme as well as the forum with all the detailed info! Great job!
    Now is the first time, I could not find a solution to my problem and hope that you can help me or point in the right direction:

    If I print out a web page including a sticky header, that header appears on following pages (which is great), but overlaps the first 2 lines of content there. All the things I tried in css (margin, padding, page-break etc) have only changed the looks of the first page, but showed no result on the following ones.

    Finally, I decided to have a look at kriesi.at to get a clue, how this would be solved there. Well, it appears you have the same problem: As you can see here, “Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,” is missing from the printout between page 1 and 2. Any ideas?

    thx upfront and keep up the good work!

    September 13, 2019 at 1:25 pm #1138000
    Nikko

    Hey 84wb_2,

    Thanks for your kind words and we appreciate you as well for using Enfold :)
    Can you tell us the size of your screen in pixels? I checked the screenshot you have in the demo: Enfold 2017 but I couldn’t see it on my end.
    Can you give us a link on your site as well? so we can try to inspect it.

    Best regards,
    Nikko

    September 13, 2019 at 1:43 pm #1138005
    84wb_2

    Hi Nikko,

    thanks for your fast response. The problem occurs only on printouts, thus I don’t see how my screen resolution is relevant. However, it is 1920×1080, but I have also tried it on different devices with different resolutions as well .. with the same result: Text is hidden underneath the headers on following pages (thus ONLY on printouts, not on screen).

    As you can see from the attachment, the error ocurs even on your page: https://kriesi.at/themes/enfold-2017/blog/
    The direct URL to a longer blog entry on my page is in private content.

    Thanks again for having a look into it!

    September 14, 2019 at 3:58 pm #1138338
    Nikko

    Hi 84wb_2,

    I apologize for misunderstanding and thanks for pointing it out..
    Can you try adding this css code in Quick CSS, located in Enfold > General Styling (this should only affect printouts):

    @media print {
  .html_header_top.html_header_sticky #header {
    position: absolute !important;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    September 14, 2019 at 5:01 pm #1138351
    84wb_2

    Hello Nikko!
    I have tried that solution (and considered using it as a workaround), as it eliminates the header on following pages.
    But, is there a way to show the header on following pages, but ensure that no text is covered?
    Thanks!

    September 14, 2019 at 5:29 pm #1138359
    Nikko

    Hi 84wb_2,

    To be honest I don’t think there’s a way to do that which requires only a few lines of css code and it will apply globally to all pages.
    There are 5 possible values for header positions but none of them does what you need.
    The only thing I can think of to do this to use the media query @media print, and add classes on those elements which are covered with the sticky header, and add padding to them but it’s very tedious task because you’ll need to do this in every page :(

    Best regards,
    Nikko

    September 14, 2019 at 11:49 pm #1138424
    84wb_2

    Thanks for that hint, Nikko. Though it will be too much of an effort in general, it is a good solution for some pages where a printout is more important than for others. I’ll go that way and combine it with a page-break in css.

    Thanks for your help and keep up the good work!

    September 15, 2019 at 1:18 am #1138432
    Nikko

    Hi 84wb_2,

    Thanks for understanding and we’re glad that we could a bit :)
    Thanks as well for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header on following pages in printout’ is closed to new replies.