CODEWITHSUNDEEP
htmlcsshyperlinktwitter-bootstrap-4bootstrap-4
fardin
fardin

Reputation: 1477

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' %>
</div>

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!

Upvotes: 1

Views: 6443

Answers (2)

Rajshekar Reddy
Rajshekar Reddy

Reputation: 19007

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, whether with custom css or modifying the rule in original code.

enter image description here

Upvotes: 3

Roy
Roy

Reputation: 8079

You should try giving .logo:active, .logo:focus a background-color: transparent; because when you click it, a background-color is initiated.

Upvotes: 2

Related Questions