header-navigation-bar-bg

My question is in 3 parts, the first two are more basic

  • Using custom CSS, how do I add background image behind my menu? (see pic of background). Secondly, how do I add dividers to the menu so that there is a divider automatically generated after each link item on the menu?
  • What I did is

    .menu{
      background-image: url("abolutepath/header-navigation-bar-bg.png"); }
    

    and the menu displays.

    But the problems are a. the curved end of the menu doesn’t show on the right as the menu ends midway, b. on mobile device the menu is repeated and displays all wrong which brings me to my last question

    How do I exclude this background image and the dividers from the responsive version of the menu/site?

    Read more here: Exclude menu background image on responsive versions [on hold]


    Solution:

    If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

    Related Wordpress search:

    , , , , , ,

    Wordpress related questions and answers: