1 Reply Latest reply: Jan 15, 2014 9:15 PM by Ben Pleysier RSS

    Can't center a menu- Fluid Grid Layout

    skeletalsabaki

      I've tried and tried to center the menu at the top of my site but it's always biased the left.  This page is a template and I'd like to be responsive to different screen sizes....what am I missing?

       

      Here's the template... http://sdrv.ms/1d8R95m

       

      Please help and thanks!

        • 1. Re: Can't center a menu- Fluid Grid Layout
          Ben Pleysier CommunityMVP

          Try

          #Menu {

              margin-top: 15px;

              margin-bottom: 50px;

              margin-right: auto;

              margin-left: auto;

             width: 90%;

          }

          #Menu li {

              width: 25%;

              float: left;

              font-size: 24px;

              font-weight: bold;

              list-style-type: none;

              margin-right: auto;

              margin-left: auto;

              padding-right: 0%;

              position: relative;

          }