Modify Theme Width

Homepage › Community Forums › Optimal Theme Support › Modify Theme Width

Tagged: , ,

  • This topic has 5 replies, 2 voices, and was last updated 11 years ago by Wes.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 21, 2013 at 11:46 pm #4077
    mitchcan
    Customer

      Hey Wes,

      More newbie (to your theme) Q’s: 馃檪

      I was looking to expand the basic width (#inner) of the theme from 960. I thought in doing so, and then making other widths (home-featured-sidebar, home-featured-section,聽 home-featured-1, home-featured-2, etc…) as %’s, it would all work out. However, in making any those changes, it fails to render responsively on mobile.

      How do I accomplish this?

      Thanks!

      April 22, 2013 at 12:34 pm #4088
      Wes
      Moderator

        If you change the overall width of the theme (960px) then you’ll have to adjust the widths of all the divs inside of it (like the ones you referenced above). Whatever you adjust the width to, you would need to add or subtract that number from everything else inside of it.

        Keep everything as it is…..if there are fixed widths, just decrease it by using the math to add or subtract the difference. If there are percentages then you would do the same thing. Basically just use math to figure out the differences of everything, but keep all the numbers the same (fixed or percentage width).

        Hope that makes sense.

        April 22, 2013 at 12:43 pm #4091
        mitchcan
        Customer

          Kinda sorta make sense. Let me make sure I’m thinking correctly.

          Say I want to change to base width to 1152. I change #inner to that. Now, can I make #content “73%” or do I have to make it “840”?聽 And within that, can I then make home-featured-sidebar “16%” and home-section “80%”, or do I have to do the “134” and “672”?

          I could take this example out further, but hopefully it provides an understanding of my questions. So if I change a place that has a number to a percentage like I was thinking above, that invalidates the responsive rendering? I must keep numbers as numbers and % as %?

          Thanks for the timely support.

           

          April 22, 2013 at 1:21 pm #4101
          Wes
          Moderator

            Here is an example.

            If the width is 960px you would change it to 1152px….

            If the home-feature-sidebar is 30% and you need to increase it, then you change it to 40%…

            If the home-featured-posts is 500px, you would need to change it to 700px…these are only examples, you will have to do the math to figure out the exact sizes you’ll need to increase or decrease.

            The point is, if it is a percentage, only increase or decrease that percentage, don’t change it to a fixed width, or px. Same thing goes for any fixed widths, if it is 300px, only increase or decrease that width by continuing to use px.

            So keep all percentages and px the same, just increase or decrease them.

            April 22, 2013 at 1:25 pm #4103
            mitchcan
            Customer

              Will do. Using the hard and fast rule, numbers stay as numbers, percentages as percentages. I went to public schools, but my math is still pretty good, 馃檪 so I should be able to come up with the correct application. Trying it out now.

              Thanks again, your response times on support are fantastic!

              April 22, 2013 at 1:28 pm #4104
              Wes
              Moderator

                You’re Welcome

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘Modify Theme Width’ is closed to new replies.