We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 38175
    • 48 Posts
    I have a pretty robust site up and running with Modx. It's structured entirely with HTML5 and styled with CSS3. I'm looking for some good resources to help me optimize the structure and style for mobile devices. Thanks, Scott.
      • 10208 ☆ A M B ☆
      • 1,780 Posts
      What's your plan for mobile? Another template, or do you want to style your current site to display better on mobile and tablet?

      There are some extras in package management that detect mobile, or you could apply a responsive design.
        Frogabog- MODX Websites in Portland Oregon
        "Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
        Having server issues? These guys have MODX Hosting perfected - SkyToaster
        • 38175
        • 48 Posts
        I'm thinking it may require restyling. I tried to use as many flexible style parameters as possible like using percentage widths, instead of fixed widths, etc. It's basically a two column layout with a header and a footer with the main content on the left and secondary content/links on the right.
          • 28042 ☆ A M B ☆
          • 24,524 Posts
          I like the Skeleton responsive template, it's very basic so it allow a lot of leeway for customization. It's not as heavy with nested structures as so many other "boilerplate" templates seem to be.
            Studying MODX in the desert - http://sottwell.com
            Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
            Join the Slack Community - http://modx.org
            • 10208 ☆ A M B ☆
            • 1,780 Posts
            You could dump something like that into Flexibility (uses Foundation 3.2) which would give you a number of other potentially useful TV's and pre-installed functionalities but I wouldn't install Flexibility over the top of a working site as it builds example resources and TV's based on a fresh install.

            There is also a Foundation package available, that would provide responsive templates and the Foundation files, but doesn't install configured TV's or resources.

            The MODX Boilerplate package is also responsive and Bootstrap was also added to package management recently. Look through and see if there's something that you can use. I would suggest installing MODX locally or perhaps in a subfolder on your server to test the packages before you decide. As far as I know, only Flexibility needs to be installed on a fresh MODX install, the others will simply load up a new template and subfolder in assets so they're safe to install wherever.

            OR, since your site is already deployed, find your favorite responsive platform, download the files and do it the regular way. You don't really need the packages to make any of the responsive platforms to work. They're just quicker/easier to setup.

            I'm partial to Foundation due primarily to the fabulous (simple) grid nesting, but there's plenty other goodies to like as well. Inuit CSS from CSS Wizardry is also nice.

            http://foundation.zurb.com/
            http://csswizardry.com/inuitcss/inuit.css/demo/
            http://twitter.github.com/bootstrap/
            https://github.com/anselmh/modx-boilerplate
              Frogabog- MODX Websites in Portland Oregon
              "Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
              Having server issues? These guys have MODX Hosting perfected - SkyToaster
              • 38175
              • 48 Posts
              Thanks.
                • 38175
                • 48 Posts
                Thanks
                  • 36924 ☆ A M B ☆
                  • 298 Posts
                  how does the foundation/flexibility approach work? Do you create your template first (your way) before porting them into the foundation/flexibility tool?

                  Is there a tutorial you can point me to?
                    • 43112
                    • 5 Posts
                    A good responsive CSS template is Brownie from egrappler.com. However responsive isn't always the way to go, search for articles on pros and cons of responsive vs separate mobile template.
                      • 36924 ☆ A M B ☆
                      • 298 Posts
                      Thanks for the direction. I'll check out the difference