• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Link not working after scrolling back up the page

Explorer ,
Jul 29, 2021 Jul 29, 2021

Copy link to clipboard

Copied

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.

Views

111

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Jul 29, 2021 Jul 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=
...

Votes

Translate

Translate
Community Expert ,
Jul 29, 2021 Jul 29, 2021

Copy link to clipboard

Copied

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 29, 2021 Jul 29, 2021

Copy link to clipboard

Copied

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.

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 29, 2021 Jul 29, 2021

Copy link to clipboard

Copied

LATEST

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

 

Thank you so much 🙂

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines