Menu with different colors

Resolved Markus Schmid
(@markusschmid)

7 years, 10 months ago

Good day

It’s true for the desktop menu. In the menu structure, I can set classes per menu
Code:
.home a {color:black !important}
.project a {color:#f53302 !important}
.teacher a {color:#00e442 !important}
.take a {color:#ff00ff !important}
.about a {color:#ffd51b !important}
.contact a {color:#7030a0 !important}

But what must the code be so that the responsive menu will also be colored?

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Theme Author oceanwp
(@oceanwp)

7 years, 10 months ago
Hello, remove your css code and add this one:
```
.home a, .sidr-class-home a {color:black !important}
.project a, .sidr-class-project a {color:#f53302 !important}
.teacher a, .sidr-class-teacher a {color:#00e442 !important}
.take a, .sidr-class-take a {color:#ff00ff !important}
.about a, .sidr-class-about a {color:#ffd51b !important}
.contact a, .sidr-class-contact a {color:#7030a0 !important}
```
Thread Starter Markus Schmid
(@markusschmid)

7 years, 10 months ago

Thank you, it works

Theme Author oceanwp
(@oceanwp)

7 years, 10 months ago

You’re welcome 🙂

Thread Starter Markus Schmid
(@markusschmid)

7 years, 10 months ago

Can I ask for another advice?
I have defined the font size smaller, see below.
But the fonts are the same size as usual.
This has always worked on other themes, why not here?

@media only screen and (min-width: 100px) and (max-width: 480px) {
p, li {font-size:13px !important}
h1 {font-size:16px}
h2 {font-size:14px}
h3 {font-size:13px}
}
Website: http://www.the-book-in-school.com
CSS-child-code: https://www.the-book-in-school.com/downloads/

Thread Starter Markus Schmid
(@markusschmid)

7 years, 10 months ago

One more thing: the menu with the different colors is suddenly only displayed in black. Only the hoover links are the right color.
Thread Starter Markus Schmid
(@markusschmid)

7 years, 10 months ago
All ist ok, I don’t need answers. Thanks!
(it was a mistake in style.css)
- This reply was modified 7 years, 10 months ago by Markus Schmid.
Theme Author oceanwp
(@oceanwp)

7 years, 10 months ago

Ah okay 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Menu with different colors’ is closed to new replies.