[Resolved] Sub menu background color, mobiles, using css and an Elements merged header

Home Forums Support [Resolved] Sub menu background color, mobiles, using css and an Elements merged header

Home Forums Support Sub menu background color, mobiles, using css and an Elements merged header

  • This topic has 5 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1456544
    Bill

    Hi there

    I can’t change sub menu background color using css and an Elements merged header when targeting mobile devices. I use css to change the colors of all of the menu items but can’t just target the sub menu background colors.

    I have tried a lot of permutations along the lines of:

    .main-navigation .sub-menu .toggled-on ul {
    background-color: #5e6987;
    }

    But I am not able to target just the sub menu background color. Is this possible, if so what would the css be?

    Thanks

    Bill

    #1456678
    David
    Staff
    Customer Support

    Hi there,

    you should be able to use this CSS selector: .main-navigation .main-nav ul ul

    If thats not working provide a link to the site so i can check.

    #1456821
    Bill

    Hi David

    I think I tried that combination, either way tested again and no change. The site link is below.

    Thanks

    Bill

    #1456890
    David
    Staff
    Customer Support

    So currently those colors are being set by the Customizer > Colors > Primary Navigation.

    If you want to override them when the header is merged then you can use this CSS:

    .header-wrap .main-navigation .main-nav ul ul {
        background-color: red;
    }

    Make sure to clear any plugin/browser caches.

    #1457276
    Bill

    Hi David

    Perfect – color changed thanks.

    Regards

    Bill

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