Archived topic

Change font colors

3 replies · Started by Peter on January 16, 2021

Viewing posts 1–4 of 4

January 16, 2021 at 11:27 am #1621612

Just wondering if it is possible to change the menu font colors in mobile to be different than desktop in GP Premium? I've tried, but it seems that the colors in customize->primary navigation->colors apply to all the menus - desktop, tablet & mobile?

Thanks!

January 16, 2021 at 11:45 am #1621643

Hi Pete,

You could use this CSS to change menu colors for mobile:

@media (max-width: 768px) {
    .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-items {
        color: #000 /*change it to the color you want*/
    }
    .main-navigation:hover .main-nav ul li a:hover, .menu-toggle:hover, .main-navigation:hover .menu-bar-items:hover {
        color:#222 /*change it to the color you want when hover*/
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know :)

January 16, 2021 at 12:35 pm #1621689

Thanks, that seems to be working perfectly.

January 16, 2021 at 12:42 pm #1621694

You are welcome, glad to help :)

This archived topic is closed to new replies.

Start building better websites today.