Support » Plugin: Simple Banner » Header covering banner

  • Resolved violakanka

    (@violakanka)


    Hi, When I try to use the banner, it covers the menu while scrolling.

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

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

    (@rpetersen29)

    Change banner position to relative. If you still want to have the banner scroll with you, in .simple-banner-scrolling section of Simple Banner Custom CSS put:

    position: fixed;
    

    and in Website Custom CSS put:

    .edgtf-sticky-header {
        top: 47px;
    }
    
    Thread Starter violakanka

    (@violakanka)

    Hi!

    I’m sorry it’s not working when it’s scrolling, it still covers the header.
    Could you help?

    Thank you

    Plugin Author rpetersen29

    (@rpetersen29)

    For some reason your Website Custom CSS isn’t being added to the page. I’m looking into this.

    Thread Starter violakanka

    (@violakanka)

    Hi, ok thank you for your help! πŸ™‚
    Wait for your update.

    Plugin Author rpetersen29

    (@rpetersen29)

    Hi @violakanka
    While i’m investigating this you can put the following in the .simple-banner-scrolling section:

    position: fixed;
    }
    .edgtf-sticky-header {
        top: 47px;
    

    I’ll let you know when i’ve fixed this issue in this thread.

    Plugin Author rpetersen29

    (@rpetersen29)

    Additionally, i’ve just updated the plugin to version 2.9.1, it won’t fix your issue but it will give me additional information about your issue. Please install it and i should be able to fix your bug tonight.

    Thread Starter violakanka

    (@violakanka)

    HI, I have updated the plugin.
    Unfortunately your last comment doesn’t solve the issue and the header is still covered πŸ™

    Thread Starter violakanka

    (@violakanka)

    Thank you for your help

    Plugin Author rpetersen29

    (@rpetersen29)

    Hi @violakanka You entered in the simple-banner-scrolling section wrong. Remove everything in there and put this exact snippet:

    position: fixed;} .edgtf-sticky-header { top: 47px;
    
    Plugin Author rpetersen29

    (@rpetersen29)

    Could you also put in Website Custom Javascript:

    console.log("test");
    
    Thread Starter violakanka

    (@violakanka)

    Done, now I don’t see the banner at all
    πŸ™

    Thread Starter violakanka

    (@violakanka)

    ah no it’s there but nothing changed

    Plugin Author rpetersen29

    (@rpetersen29)

    Sorry, that was my bad, change that snippet to:

    position: fixed;} .edgtf-sticky-header.header-appear { top: 47px;
    
    Plugin Author rpetersen29

    (@rpetersen29)

    Do you have any Javascript and/or CSS optimization plugins? I have a feeling the Website Custom settings are being swallowed up by another plugin.

    Thread Starter violakanka

    (@violakanka)

    still the same πŸ™
    No I don’t have any plugin, i use cloudflare

Viewing 15 replies - 1 through 15 (of 21 total)
  • You must be logged in to reply to this topic.