fardin fardin - 1 month ago 5x
CSS Question

Clicking on a link blinks/flashes

enter image description here

<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
<%= link_to 'FARDIN KHANJANI', root_path, class: 'navbar-brand logo' %>

As you can see in the gif I added, when I click on any of the nav bar links, it flashes. Any ideas what's causing it and how to fix it? I couldn't really come with a proper description for it to try and google it.

Thanks a lot in advance!


Yes, it must be something related to the anchor tag active css rule, a.active rule. You can find out which css rule is actually causing it by inspecting the element.

By using chrome window you can do this. Follow the steps

1) select the desired element in inspector

2) use the Toggle Element State Option

3) set the state to active

Now you can find out which CSS rule is causing the issue and fix it, wither with custom css or modifying the rule in original code.

enter image description here