Skip to main content
Sandra Dolcezza
Known Participant
July 29, 2021
Answered

Link not working after scrolling back up the page

  • July 29, 2021
  • 2 replies
  • 224 views

Hello,

After I scroll down the page and then back up again...

When I hover over the link to direct me to the alternate language, the link doesnt seem to work anymore.

 

If anyone can give me any clues, it would be greatly appreciated.

https://geniux.ca/About_Us.html

 

Thank you for your support.

    This topic has been closed for replies.
    Correct answer osgood_

    You obviously have content which overlays the language button, making it impossible to click.

     

    Not sure what it is, most probably some animated content onscroll, adding style="position: relative; z-index: 1000;" to the paragraph tag as below will solve your problem

     

     

     

    <p align="right" style="position: relative; z-index: 1000;"><a href="Cleaning_services_in_Montreal.html"><strong><i><u>&raquo; Français</u></i></strong></a> </p>

     

     

     

    It would be cleaner to add a class to the p tag as below:

     

     

     

    <p align="right" class="languageBtn"><a href="Cleaning_services_in_Montreal.html"><strong><i><u>&raquo; Français</u></i></strong></a> </p>

     

     

     

    Then add the css selector to your css stylesheet

     

    .languageBtn {

    position: relative;

    z-index: 1000;

    }

     

     

    Whatever works for you.

     

     

    2 replies

    osgood_Correct answer
    Legend
    July 29, 2021

    You obviously have content which overlays the language button, making it impossible to click.

     

    Not sure what it is, most probably some animated content onscroll, adding style="position: relative; z-index: 1000;" to the paragraph tag as below will solve your problem

     

     

     

    <p align="right" style="position: relative; z-index: 1000;"><a href="Cleaning_services_in_Montreal.html"><strong><i><u>&raquo; Français</u></i></strong></a> </p>

     

     

     

    It would be cleaner to add a class to the p tag as below:

     

     

     

    <p align="right" class="languageBtn"><a href="Cleaning_services_in_Montreal.html"><strong><i><u>&raquo; Français</u></i></strong></a> </p>

     

     

     

    Then add the css selector to your css stylesheet

     

    .languageBtn {

    position: relative;

    z-index: 1000;

    }

     

     

    Whatever works for you.

     

     

    Sandra Dolcezza
    Known Participant
    July 30, 2021

    I added the .languageBtn as you had said and it worked like a charm.

     

    Thank you so much 🙂

    Nancy OShea
    Community Expert
    Community Expert
    July 29, 2021

    Scrolling 1 pixel on desktop display causes that link to become inaccessible.  It's probably a Z-index issue.   But it works OK on a small screen. Why don't you move your language link to the  top navbar?

     

    Nancy O'Shea— Product User & Community Expert