Solved

Get site to be responsive?

Posted on 2013-11-13
6
300 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
Comment Utility
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 108

Assisted Solution

by:Ray Paseur
Ray Paseur earned 100 total points
Comment Utility
0
 
LVL 52

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 100 total points
Comment Utility
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
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 100 total points
Comment Utility
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
Comment Utility
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
Comment Utility
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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

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…
Recently, we decided that in order to stay competitive in today's IT world, we were going to have to develop and deploy a mobile app for our users and do it quickly. We felt that we were already behind the curve. Users of technology today are mov…
This video discusses moving either the default database or any database to a new volume.
This tutorial demonstrates a quick way of adding group price to multiple Magento products.

763 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

Need Help in Real-Time?

Connect with top rated Experts

7 Experts available now in Live!

Get 1:1 Help Now