[Support request] Menu item background color mobiles

Home Forums Support Menu item background color mobiles

  • This topic has 7 replies, 2 voices, and was last updated 4 months ago by David.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1448441
    Bill

    I don’t see how to change the background color of a primary menu item that has an effect when viewed using the mobile preview. In mobile view when the menu item are displayed vertically they have a transparent background. The menu background only seems to affect the menu strip at the top of the window. Any ideas? Thanks, Bill

    #1448461
    Bill

    I am using the Mellow theme if that is significant.

    #1448496
    Bill

    This seems to target the right element.

    .main-navigation li {
    background-color: #0e0e0e;
    }

    But applying within @media (max-width: 800px) seems to only target the tablet view. How do I target mobiles only?

    #1448600
    David
    Staff
    Customer Support

    Hi there,

    you can reduce the 800px to a smaller value eg. 600px.

    #1448863
    Bill

    Thanks – got it. The the preview window Table must be set to 800px, 799px works well. Is this a bug in the Colours module or a theme quirk? Everything else in terms of setting colours seems to work OK.

    #1448877
    David
    Staff
    Customer Support

    Glad to hear that.
    This only happens when a Merged Header Element is being used – the navigation colors in the elements site header tab overwrite those in the Customizer. The current options are:

    1. Set the Merge to Desktop only.
    2. Use some CSS

    #1448928
    Bill

    Got it – Thank you.

    #1448974
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.