Container width in percentage

Home Forums Support Container width in percentage

Home Forums Support Container width in percentage

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #186469

    In the one container layout, how to putting the content width in percentage and not in pixels?

    Roberto Enrique

    You cant.


    And what size would you say is the best one for the container? I find it a bit annoying because in my 13″ Mac the layout seems too big and the sidebar goes out the screen. Meanwhile, in my 23″ PC it looks ok, but if I make it smaller so it looks good in the Mac, it looks a bit desproporcionate in the PC…
    Any suggestions?

    Lead Developer
    Lead Developer

    You can using CSS:

    body.grid-container {
        max-width: 90%;

    Adding CSS:

    – you could make it 3000px wide and it would still adapt to your screen (small or big), so the width is up to you.

    The sidebar goes out of the screen on your 13″ Mac? Any screenshots?



    Here is a screenshot from my Mac, with zoom in browser at 100% – I’ve tried from my work computer (Windows and screen 19″), and the effect is the same than here.

    This one is with the zoom at 80%

    At home, with Ubuntu and a 23″ screen it looks fine, dont need to scroll sideways to see the whole content.

    I will try with the CSS, thanks for the reply

    Lead Developer
    Lead Developer

    You have a couple things making it so there’s a horizontal scrollbar.

    1. One of your tags is so big it’s leaving the container, try adding this CSS:

    .tagcloud {
        word-wrap: break-word;

    2. Your Facebook and Google Plus like boxes are far too wide for the widget area – try reducing their width using the options they provide when you get the code for them.


    Thank you so much for your help!

    You were right, the Google Plus and Facebook widgets were the problem. I tried to reduce the size, as you said, but then the widget only showed half of the content… I´ll swap them with another plugin, thats not a problem.
    Your CSS code helped as well, now that long tag is inside the box.

    Thanks again for the support!

    Have a great day

    Lead Developer
    Lead Developer

    Glad I could help! 🙂


    I have tried the css but doesn’t seem to make any difference?

    Customer Support

    Any chance you can open a new topic for your question?

    This topic is quite old with multiple authors already.

    Thanks 🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.