Simple Banner Link not Working

  • Resolved sarahjurina

    (@sarahjurina)


    1 year, 6 months ago

    Hi there,

    I love Simple Banner. I use it on several of my clients’ wordpress sites. However, for some reason on this website, the link added to the banner is not working. It changes color like a link but cannot be clicked. I tried on multiple browsers. I did not set up this website initially, so I am wondering if it’s something in the back-end blocking it?

    Within the Simple Banner setup, it shows the link is active and working. I do not have any CSS added to the Simple Banner setup:

    Thank you for any suggestions,

    Sarah

    • This topic was modified 1 year, 6 months ago by sarahjurina. Reason: Added more info

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

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

    (@rpetersen29)

    hi @sarahjurina

    I’m not at my computer now so I’ll take a more in depth look later on. However, what is likely the issue is that you have a transparent overlay covering the banner. Likely the header element has padding applied and is visibly lower than the banner but has a transparent layer covering the banner. If you’re good with CSS you can mess around with the pointer-events or padding/margin properties. Otherwise I can take a look tonight.

    Plugin Author rpetersen29

    (@rpetersen29)

    Hi @sarahjurina
    That hypothesis above was correct and good news is there’s an easy solution. You are applying padding-top to the header element which covers the banner. You need to use margin-top instead to allow the click to pass through.

    Thread Starter sarahjurina

    (@sarahjurina)

    Oh brother, how daft can I be?! Thank you!!

    Plugin Author rpetersen29

    (@rpetersen29)

    Not daft at all! This kind of stuff can be confusing and often the fix is super simple.

    I think I am having a similar issue, but am not experienced enough to completely understand the fix described. I’m a self-taught webmaster handling a non-profit’s site so likely a bit out of my league. I have not added any extra code to my knowledge and the link used to work before we changed themes, but the theme change was done by someone else.

    https://j5x.2dc.myftpupload.com is my site, or specifically the staging site that I am using to figure this out. The banner shows up with correctly functioning link when I edit it, but does not link on the site itself. I did try the edit mentioned above by changing the top padding to “Margin-top” but that did not seem to work.

    Plugin Author rpetersen29

    (@rpetersen29)

    @dekalbsymphony
    Just wanted to post in here to document the solution.

    I just added a new setting called Prepend element. Try setting that to “header” instead of “body”. And if you want the banner to disappear as you scroll down the screen put?

    display: none;

    in the “.simple-banner-scrolling” box.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Simple Banner Link not Working’ is closed to new replies.