Lately, I've been delving into Bootstrap and have come across an issue while using Opera. Upon the webpage loading, the navbar should display a list structured as follows:
<li class="hidden active">
<li class="page-scroll">
<li class="page-scroll">
<li class="page-scroll">
<li class="page-scroll">
Normally, when a user scrolls to a new page or clicks on a li element, the corresponding li should become :active and change its color accordingly. This functionality works flawlessly on all browsers except for Opera.
<li class="hidden">
<li class="page-scroll">
<li class="page-scroll">
<li class="page-scroll">
<li class="page-scroll active">
In addition, in Opera, when a li is clicked or a certain part of the page is scrolled to, it fails to update its class to :active. The list remains static and does not change as expected.
Does anyone know of a bug causing this issue or have any suggested solutions?
Thank you in advance!