Archived topic

Custom colors for mobile only menu.

3 replies · Started by Mike on March 11, 2020

Viewing posts 1–4 of 4

March 11, 2020 at 12:42 pm #1192234

Im trying to apply the following change to mobile only.

Parent Items:
Background Current: #0e1211
Text Current: #ffffff

Sub-menu Items:
Text Hover: #ffffff
Background Hover: #0e1211
Text Current: #ffffff
Background Current: #0e1211

Thank you =)

March 11, 2020 at 1:40 pm #1192303

Hi there,

Are you using any caching plugins?

If so can you disable it for now while we are trying to help?

I'm seeing some custom CSS added already but not quite sure. Just don't want to give you duplicated ones.

Let me know :)

March 11, 2020 at 2:36 pm #1192334

Yeah the custom CSS is all needed. Why I am asking for is additional CSS to complete that code.

March 11, 2020 at 4:19 pm #1192382

You just need to wrap them in @media (max-width: 768px) { to target mobile only:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints

This archived topic is closed to new replies.