Menu background in responsive

  • OK, asking again. Same problem but nobody ever got back to me.

    On the responsive page, the background on the main menu is disappearing. This is causing the custom background image to show behind the menu instead of a solid colour. How can I adjust this in the stylesheet? None of my usual background tags seem to be working.

    https://www.ponnivala.com

Viewing 1 replies (of 1 total)

  • Hello Man Sphere.

    Looks like the theme was designed to use a clear background for the nav bar, an odd choice in my opinion, but it can be fixed!

    Copy the code below into the end of your styles.css file. (Note: you should be using a child theme or a custom css plugin to hold all of your custom CSS. It will protect your custom work from future theme updates.)

    If the works correctly the full size page will be normal and the mobile sizes will have the same peachy color the rest of your site has.

    @media (max-width: 600px) {
#design-main-menu ul {
    background-color: #ffe8ca;
    list-style: none outside none;
    margin: 20px 0 0;
    width: 100%;
}
}

    Give it a shot and let me know if it works.

Viewing 1 replies (of 1 total)
  • The topic ‘Menu background in responsive’ is closed to new replies.