Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi there bnLauren! 🙂

    Your problem can be solved with some simple css. You need to define a width for the panel-grid based on the user’s screen size and then set the margin left and right to auto.

    Try this css:

    @media only screen and (min-width: 1200px){
        #pg-4-1, #pg-4-2 {
        width: 1170px;
    }
    }
    
    @media only screen and (min-width: 992){
        #pg-4-1, #pg-4-2 {
        width: 970px;
    }
    }
    
    @media (min-width: 768px)
    #pg-4-1, #pg-4-2 {
        width: 750px;
    }
    @media only screen and (min-width: 768px){
        #pg-4-1, #pg-4-2 {
        width: 750px;
    }
    }
    #pg-4-1, #pg-4-2 {
        margin-right: auto;
        margin-left: auto;
    }

    Hope this helps you out 😀

    Thread Starter bnlauren

    (@bnlauren)

    Hi TouchCoding,

    I tried applying the Custom CSS and no success. I’m trying to get it to center no matter the screen size and it’s still shifted towards the right 🙁

    How did you apply the css? Are you sure you applied it correctly? Try changing the background color to red or something like that, just to see if your css sticks to your site.

    Thread Starter bnlauren

    (@bnlauren)

    Fixed it! Thank you!

    No problem bnlauren! 🙂 Let me know if you need anything else

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Can't Center Table!’ is closed to new replies.