WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
[resolved] How To Make Twenty Twelve Liquid? (8 posts)

  1. kwcheah
    Member
    Posted 1 year ago #

    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.

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Liquid as in fluid CSS? It is fluid.

  3. kwcheah
    Member
    Posted 1 year ago #

    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.

    Thanks.

  4. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    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?

  5. kwcheah
    Member
    Posted 1 year ago #

    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.

  6. Rev. Voodoo
    Volunteer Moderator
    Posted 1 year ago #

    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.

    http://vudu.me/3jq
    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.

  7. kwcheah
    Member
    Posted 1 year ago #

    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;
    }
  8. kwcheah
    Member
    Posted 1 year ago #

    Thanks Rev. Voodoo for the help. :D

    Much appreciate for sharing the resource with me.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags