Page 1 of 1

Web Page Drop Down Menu Behaviour

Posted: Thu 23 Sep 2021 1:14 pm
by apple8
During the lockdown I decided to revamp the web pages on my weather site to fill in some time. Whilst the changes are mostly cosmetic I thought I would create a drop down menu in the h2 header. I found some code and after some trial and error got it working.

The only problem is on the NOAA Style Reports page where the drop down text is blue rather than black as in the other pages and is and behaves the same as the blue page links at the bottom of the page. I can’t work out why it only happens on this page. Hopefully someone with some experience can guide me to a solution.

Re: Web Page Drop Down Menu Behaviour

Posted: Thu 23 Sep 2021 1:56 pm
by beteljuice
It's a css conflict.

Edit to this ...

Code: Select all

.dropdown-content a {
  color: black !important;
  padding: 2px 12px;
  text-decoration: none !important;
  display: block;
}

Re: Web Page Drop Down Menu Behaviour

Posted: Fri 24 Sep 2021 1:56 am
by apple8
All good now, thanks beteljuice. :clap: