Use Different Accent Colours on Mobile Devices

  • Author
    Posts
  • #98208
    myob9a
    Power User

    Using Child Theme – When on mobile devices I want to use different access colours to the main menu. I have experiment with the css styles around <nav id=”mobile-menu”> but have not cracked the code to use different accent colours. I tried the a:link etc with each of the IDs and classes in that area.

    I was looking at primary accent #fff and secondary #fcf75e (or similar).

    Any ideas?

    Website: svpact.gafferdesigns.com.au

    #98071
    myob9a
    Power User

    When on mobile devices I want to use different access colours to the main menu. I have experiment with the css styles around <nav id=”mobile-menu”> but have not cracked the code to use different accent colours. I tried the a:link etc with each of the IDs and classes in that area.

    I was looking at primary accent #fff and secondary #fcf75e (or similar).

    Any ideas?

    Website: svpact.gafferdesigns.com.au

    • This reply was modified 4 years ago by Zed. Reason: moved to correct location
    • This reply was modified 4 years ago by Zed.
    #98207
    myob9a
    Power User
    This reply is private.
    #98412
    myob9a
    Power User

    It looks like a different access colour for mobile devices is too difficult given the lack of forum response. So as an alternative, how do I use different colours for the hamburger menu bars and subsequent menus?

    Ideas anyone!

    #98471
    myob9a
    Power User

    Problem solved. I ditched the hamburger bars and went for a text based solution for mobiles with a bit of CSS and a mode to the header.php file. Much more intuitive for users

    #99112
    Zed
    Cryout Creations mastermind

    Using white as an accent color will be very problematic as it can render a lot of site elements invisible (due to the site also using white for the backgrounds).


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Use Different Accent Colours on Mobile Devices’ is closed to new replies.