Support » Theme: Twenty Twelve » How To Make Twenty Twelve Liquid?

  • Resolved kwcheah


    Hi guys,

    This is my site > My Website

    I am currently using a child theme of the original Twenty Twelve theme.
    I am looking for a solution in making the theme to be liquid.

    Can someone share the require CSS code for the child theme to make it liquid?

    In addition, my menu seems to be too long and it’s not looking nice, anyone can share me some tips or experience on how can I make it to look better?

    Thanks for the reading.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator Andrew Nevins


    Forum moderator

    Liquid as in fluid CSS? It is fluid.

    Hi Andrew,

    As you can see now that the width of the content is fixed.

    I would like to make it to be a flexible width.

    Probably using percentage to control it. 🙂

    Perhaps you can guide me on how to look for the setting and make the changes accordingly?

    Please be reminded that I am currently using a Child Theme.


    Moderator Andrew Nevins


    Forum moderator

    As you can see now that the width of the content is fixed.

    I can’t see this. Which browser and browser version are you using?

    I mean if you go to the my website, the URL is in the first post.

    You will notice that the width of the content is fixed.
    My monitor screen is using the width of 1920px and the content width is probably fixed at 1024px if I am not mistaken.

    Then there should be having around 896px of empty space which is showing the background. I feel that having 896px of empty space is too much for a 1920px screen.

    So I am trying to look for a way to make the width of the content can be flexible. Probably can be control with percentage.

    So regardless of the user is viewing the page will also have the same feeling towards the content.

    Sorry if I can’t seems to be able to explain what I wanted to get very well.

    The theme is flexible (responsive) up to the set max-width (960px I believe). To go beyond that max-width, you would have to make a child theme and make it wider, or even play with percentages.
    Perhaps my article here can get you started?

    You don’t have to change too much – most of the design is done in percentages already to accomodate the responsiveness. Just messing with the outer parameters is all that is needed.

    Hi Rev. Voodoo,

    Sorry for the late reply.
    I have finally manage to go through your suggestion.
    Yup, it is what I am looking for.

    Following is the solution that I have found and I wanted to show to share others who may encounter the same difficulties as I had.

    .site {
        margin: 0 auto;
        max-width: 80%;
        overflow: hidden;

    Thanks Rev. Voodoo for the help. 😀

    Much appreciate for sharing the resource with me.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How To Make Twenty Twelve Liquid?’ is closed to new replies.