• I am just learning WordPress.

    The website is https://www.lansingcentralumc.org .

    I added a menu item to the navigation bar. The navigation bar wrapped to the next line. The header and first line of the navigation bar have a green background. The second line of the navigation bar has a white background.

    -How do I get the second line of the navigation bar to have a green background?
    -Is the navigation bar code part of the header.php?

    Thank you for your assistance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hey, annandlyle!

    Looks like the background is an image, so it’s not going to flow to the next line.

    An easier solution might be to expand the navigation bar by adding the following snippet to the style.css in your child theme (if you have one), or to a plugin like Simple Custom CSS if you don’t have a child theme:

    .container_12 .grid_12 {
    width: 1200px !important;
    }

    Thread Starter annandlyle

    (@annandlyle)

    Thanks Augustin56,
    Your code worked like magic because the one menu item that was wrapped to the second line of the menu bar now appears on the first line.

    I added your code to the theme’s custom CSS.

    I then added a couple more menu items ). They wrapped to the second line. (I have a number of pages of content that are not linked at all through the menu or sub-menus). ??

    I assume that there is no easy way to make a navigation bar’s second menu line useable.

    Thank you very much for the very quick response and fix to maximize the length of the first menu line.

    Is the navigation bar part of the header.php file of the theme? Or is navigation bar controlled by a base WordPress file?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Navigation bar menu background’ is closed to new replies.