Changing the color of the primary menu independently

  • Resolved bluesky10

    (@jouielovesyou)


    4 years, 11 months ago

    When I tried changing the text color of the primary menu item links, it changed both the mobile and the desktop version…How can I change only the text color in desktop but not touch what’s in mobile? This is what I did:

    .main-header-menu a {
color: #ffffff;
}
Viewing 1 replies (of 1 total)

  • Hello @jouielovesyou

    To achieve this requirement you will need to use media query, which makes the CSS to be applied on responsive devices.

    You can use the following changes in the CSS –

    @media ( min-width:768px) { 
    .main-header-menu a {
        color: #ffffff;
    }
}

    I hope that helps.

    Regards,
    Suman

Viewing 1 replies (of 1 total)
  • The topic ‘Changing the color of the primary menu independently’ is closed to new replies.