Sidebar menu triangle pointer appears when clicked

Roy Barn

I created a simple sidebar nav menu here and you can see that - when linking - the rectangle/triangle remains.... Wondering how to fix this....? Why does it happen.

This is how I get the pointer.

ul.faq_questions li.active:after, ul.faq_questions li:hover:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
background:#5d3c95;
-webkit-transform: rotate(-45deg);
right: -5px;
top: 40%;
}
Chandra Shekhar

Add the following code

css

ul.faq_questions li.active
{
  background-color: #5d3c95;
  color:#fff;
}

ul.faq_questions li.active:after, ul.faq_questions li:hover:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background:#5d3c95;
    -webkit-transform: rotate(-45deg);
    right: -5px;
  top: 40%;
}

Hope this works..

or

remove

ul.faq_questions li.active:after

from the current code

Related

Duplicate dropdown menu appears when button is clicked

Vallamore Grilles Currently, I have this setup. My page loads with two dropdowns aligned next to each other and an ADD button. The ADD button uses the function addRow() to add a dropdown in the next row. This feature is probably the worst possible implementati

The submenu only appears when the menu item is clicked

Smith I've been researching for a while, but don't know how to position it. When I have a menu with a top level menu item that has a dropdown, I can write CSS/JS to display the dropdown when the button is clicked. But when you click one of the buttons, it open

Duplicate dropdown menu appears when button is clicked

Vallamore Grilles Currently, I have this setup. My page loads with two dropdowns aligned next to each other and an ADD button. The ADD button uses the function addRow() to add a dropdown in the next row. This feature is probably the worst possible implementati

How can I create a box that appears when a menu item is clicked?

Toronto 23 I have the webpage which can be found here : https://jsfiddle.net/saTfR/51/ How can I create a box that appears on the page when the user clicks on "Portfolio"? I will also add a PNG image inside this box. The user will click on the image and the im

How can I create a box that appears when a menu item is clicked?

Toronto 23 I have the webpage which can be found here : https://jsfiddle.net/saTfR/51/ How can I create a box that appears on the page when the user clicks on "Portfolio"? I will also add a PNG image inside this box. The user will click on the image and the im

How can I create a box that appears when a menu item is clicked?

Toronto 23 I have the webpage which can be found here : https://jsfiddle.net/saTfR/51/ How can I create a box that appears on the page when the user clicks on "Portfolio"? I will also add a PNG image inside this box. The user will click on the image and the im

onClick is not called when the sidebar is clicked

Ramis Abzina In my main container the layout has this code import React, { Component } from 'react'; import Header from '../../components/Navigation/Header/Header'; import SideBar from '../../components/Navigation/SideBar/SideBar'; class Layout extends Compon

onClick is not called when the sidebar is clicked

Ramis Abzina In my main container the layout has this code import React, { Component } from 'react'; import Header from '../../components/Navigation/Header/Header'; import SideBar from '../../components/Navigation/SideBar/SideBar'; class Layout extends Compon

Show menu when clicked

Jesus Mendoza I have the following menu: <div id ="navigation-menu"> <div id ="squaremenu"> <ul> <li><a class ="homemenu" href="#Home" data-menuanchor="#Home"><img id ="homemenu" src="homemenu.bmp" height="30" width="30" /><span id="spa

Show menu when clicked

Jesus Mendoza I have the following menu: <div id ="navigation-menu"> <div id ="squaremenu"> <ul> <li><a class ="homemenu" href="#Home" data-menuanchor="#Home"><img id ="homemenu" src="homemenu.bmp" height="30" width="30" /><span id="spa

jQuery - close sidebar when overlay is clicked

gap I created a website with a sidebar and everything works fine. The problem I'm getting is that when the user clicks the overlay, I'm trying to close the sidebar (or generally, not everything from the sidebar or the links in the sidebar itself) Here is an ex

Sidebar doesn't work when clicked

Sriharsha Nutalapati I have a menu with a logo on the left side of the menu and an icon on the right side of the menu. When the icon is clicked, the menu slides in from the right side of the window and does not appear when the icon is clicked again. yes 1) The

css close sidebar when main window is clicked

An An Hello, I searched for other people with the same problem as me, but I couldn't solve their problem, so I want to close the sidebar when I click outside the sidebar. html { background-color: #161618; overflow: hidden; } #menuToggle { display: bl

Sidebar doesn't work when clicked

Sriharsha Nutalapati I have a menu with a logo on the left side of the menu and an icon on the right side of the menu. When the icon is clicked, the menu slides in from the right side of the window and does not appear when the icon is clicked again. yes 1) The

Menu misaligned when submenu appears

Ninety four I am trying to create a submenu that appears when we mouse over it. I did that, but sadly it fails to align the other menu links when I mouse over it. Does anyone know how to fix this? http://i.stack.imgur.com/bAuSe.png http://i.stack.imgur.com/KXv

Menu misaligned when submenu appears

Ninety four I am trying to create a submenu that appears when we mouse over it. I did that, but sadly it fails to align the other menu links when I mouse over it. Does anyone know how to fix this? http://i.stack.imgur.com/bAuSe.png http://i.stack.imgur.com/KXv

How to hide the inverted triangle when the image is clicked?

flash I have a fiddle and I want to hide the shape of the inverted triangle on the second try to click on the image . The way the fiddle works is that when a single product line item is clicked, the block will also show up at the bottom with an arrow. My HTML

How to hide the inverted triangle when the image is clicked?

flash I have a fiddle and I want to hide the shape of the inverted triangle on the second try to click on the image . The way the fiddle works is that when a single product line item is clicked, the block will also show up at the bottom with an arrow. My HTML

Sidebar menu disappears when switching activities

Mohamad Mousheimish： I know this question is asked a lot, but none of the answers worked for me. I have two activities, MainActivityand ShopActivity. In MainActivityI have a sidebar menu. When I switch activities, the menu disappears and the problem happens. S