Simple Banner Covering Header

  • Resolved samuelng527

    (@samuelng527)


    1 year, 1 month ago

    Hi,

    I need your advise on how to make the Simple Banner stay on top of my website without covering the header on desktop and on mobile view. The Simple Banner Position I selected is “fixed” and Header Top Padding I’ve set to 40px.

    I have the below 2 issue and I need your help.

    1. On desktop view its look nice by setting Header Top Padding to 20px but on mobile view, its cover the 20% of the header. I have try to set the Header Top Padding to 60px, mobile view look fine but on desktop, there is a slightly big gap between the banner and the header. How can I set the Header Top Padding on desktop to 20px and on mobile to 60px?
    2. When scroll on desktop view, the banner cover like 40% of the header. How to fix this issue?

    Please advise, thank you very much.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    Hi @samuelng527
    I think both of those issues may be fixed by changing “Prepend element” to header and “Simple Banner Position” to relative. You should also be able to remove all header padding or margin. Let me know how that works.

    Thread Starter samuelng527

    (@samuelng527)

    Hi @rpetersen29,

    I’ve managed to fixed the issue, thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Simple Banner Covering Header’ is closed to new replies.