Support » Theme: Twenty Seventeen » Styling Menu in Twenty Seventeen

  • WPOso


    I’m using custom CSS to style my menu and am thoroughly confused.

    I was able to insert a background image in the menu using this rule:

    .navigation-top .wrap { background-image: url(/images/background/menu-background.jpg); background-position: center; background-repeat: no-repeat; background-color: #090; }

    But now I’m trying to make my menu really thin. The following worked perfectly – until I updated Twenty Seventeen:

    .navigation-top, .navigation-top .wrap { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

    The other problem is that, if I view the page in a small screen and click on the menu icon, the dropdown menu has no background. If I add a background to any element, it either doesn’t display, or it overrides the background image in the main menu.

    nav#site-navigation, .menu-main-menu-container, #top-menu ( background: #009; )

    How can I give my dropdown menu a background color or image without overriding my main menu?


    The page I need help with: [log in to see the link]

  • You must be logged in to reply to this topic.