Hoover menu sign in BROOKLYN theme

[jrltrend]

Is there a way in BRoOKLYN theme to get the a dropdown/Hoover menu when our customers log in/sign up using or creating their account? At the moment we only have a symbol of a person and when you click on it a new page opens. We dont want a new page to open. We want a dropdown/Hoover menu so it appears like this BELOW,

Can somene please help us or guide us? 

Appreciate it! 

[KetanKumar]

@jrltrend 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[khilan]

hi @jrltrend  use this coad ...

.button {
  background-color: #FFFF/* WHITE */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
} 

and also use to hover effect

.button {
  transition-duration: 0.4s;
}

.button:hover {
  background-color: #4CAF50; /* Green */
  color: white;
}
...

[jrltrend]

Thanks alot. Where should i put the code? witch folder? 

Best regards, JRL Trend