I am trying to extend the background colour of the navigation bar across the entire width of the page as you can see by the arrows in the image, but cannot find the setting to do so.
What do I need to do?
Thanks

    cspgsl
    Hi
    I increased the container size from the layout options > edit layout > mainnav
    container size : fluid and now it use max width.

      Ninja
      Thanks but there is still a white space at the far left and right of the nav bar as you can see by the arrow in the image

      the blue background has to match the top of the page and the nav bar on all other pages but it doesn't go all the way across on each side

        cspgsl
        Hi
        Add this code in custom css

        .t4-mainnav .container-fluid {padding-left:0px;padding-right:0px;}

        One last request.
        How do I remove the highlight over top of the active menu item?
        see the red arrow pointing to it on the home item

        Thanks

          cspgsl
          Hi
          here is code

          .t4-megamenu .navbar-nav>li.active>a, .t4-megamenu .navbar-nav>li.active>.nav-link {
              color: #0056b3;
              border-top: 1 pxsolid #45b244;
          }

          You can set the border-top :none;

          Ninja locked the discussion.
          Write a Reply...
          You need to Login to view replies.