Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 11, 2016 at 5:49 pm #581780
    codecreative

    hi how can i use css to home in on changing the background colour of the menu items that are just 1 level deep on mobile menu

    ive taken a screenshot and highlighted with a red rectangle the ones i mean

    i did try this

    #mobile-advanced li ul li a {background-color: #000;}

    but it changed it for all the menu items below as well

    see image at http://imgur.com/8rEirL3

    February 11, 2016 at 6:10 pm #581789
    Yigit

    Hi codecreative!

    Please add following code to Quick CSS 

    ul#mobile-advanced .sub-menu > li > a > .avia-menu-text {
    color: orange;
}

    If that does not help, please post the link to your website

    Regards,
    Yigit

    February 12, 2016 at 11:47 am #582164
    codecreative

    hi this seem to change the colour of the element but all of its child elements to. I would have thought > would stop that happening

    Please can you try logging in and take a look

    February 15, 2016 at 7:19 am #583135
    Ismael

    Hey!

    This should work: 

    #mobile-advanced li > ul > .menu-item-has-children > a {
    background-color: #000;
    color: orange;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.