Skip navigation
skeletalsabaki
Currently Being Moderated

Can't center a menu- Fluid Grid Layout

Jan 15, 2014 7:06 PM

Tags: #template

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!

 
Replies
  • Currently Being Moderated
    Jan 15, 2014 9:15 PM   in reply to skeletalsabaki

    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;

    }

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points