Solved

Get site to be responsive?

Posted on 2013-11-13
6
319 Views
Last Modified: 2013-12-03
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
Comment
Question by:sandshakimi
6 Comments
 
LVL 15

Expert Comment

by:Ess Kay
ID: 39645200
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
 
LVL 109

Assisted Solution

by:Ray Paseur
Ray Paseur earned 100 total points
ID: 39645487
0
 
LVL 52

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 100 total points
ID: 39645511
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.

 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 100 total points
ID: 39646053
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
 
LVL 2

Assisted Solution

by:itkadmin
itkadmin earned 100 total points
ID: 39647541
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
 
LVL 15

Assisted Solution

by:Ess Kay
Ess Kay earned 100 total points
ID: 39665824
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

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article is for those that are having major problems with users upload files such as pictures to their profile. The solution is simple and has to do with correcting the directory paths. With some experimenting and testing i got it fixed. Note…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Microsoft Active Directory, the widely used IT infrastructure, is known for its high risk of credential theft. The best way to test your Active Directory’s vulnerabilities to pass-the-ticket, pass-the-hash, privilege escalation, and malware attacks …

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question