Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 361
  • Last Modified:

Get site to be responsive?

This site has "responsiveness" enabled, and yet it doesn't parse all that well on a mobile device.

What areas of the site need improvement?

http://www.serve.gov/
0
sandshakimi
Asked:
sandshakimi
5 Solutions
 
Ess KayEntrapenuerCommented:
perhaps you need to custom change some settings.

go into the code and re-do the tables that are not dynamic in size (fixed pixels)
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Are you able to start over?  I agree to remove the tables to start although they are still possibly workable.   You need to work with @mediaqueries https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries to look for the size of the viewport and adjust your page based on the size and orientation.

I have liked using http://getbootstrap.com/ and http://foundation.zurb.com/ to speed up the process and not have to reinvent the wheel each time.  At the core of their grid is using media queries though and you can do this from scratch as well.

I don't see where your theme is using media queries to change the size of the screen.  On the js file http://www.serve.gov/profiles/openpublic/themes/omega/omega/js/omega-mediaqueries.js?mw75z0 it seems to want to update the id #omega-check-query and if that is not in your code, then it will not work. I don't know enough about drupal or this theme at t his time.  Let's see if somebody else has more drupal experience.
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
COBOLdinosaurCommented:
Are you able to start over?  

I echo that. It is a total mess starting with using HTML5 tags in a page that does not have an HTML doctype.  Then we have a mix of 20th century technique and semi-coherent attempts at modern code. it looks like it was cut and pasted from multiple sources without any attention paid to version, standards, or compatibility.

Starting over is the best option, but first a little time spent on tutorials  for the basics would be a good idea.

Cd&
0
 
itkadminCommented:
If you can, I agree with posts above suggesting starting over with a new theme. There are several that are meant to be responsive, so most of the heavy lifting is done for you. They all have their advantages and disadvantages, Omega, Adaptive Theme, Zen and Bootstrap all work well.

It is possible to fix what you have, but it might be more hassle than starting over.  

You mention that responsiveness is enabled. Is that something in your theme?
0
 
Ess KayEntrapenuerCommented:
look around for themes, and read the code, thats the best way to learn. try websites like themeforest dot com

reading through their comment sections for themes can help you understand the typical logic and tricks to php and css programming
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now