Media queries for mobile and tabs applying in desktop itself in chrome

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
12/10/2012 8:20:08 AM
Sivaram
Gravatar
Total Posts 21
View Posts

Media queries for mobile and tabs applying in desktop itself in chrome

Hi all,

I have developed a website with responsive layout using bootstrap. In that site one of the page credit application is running under https domain. All other pages are running under http domain. In chrome browser the page credit application looks like it is viewed in mobile or tab. Other pages are looking good. I had thought may be the Curly brackets are not properly closed. I have checked the stylesheet, but it had closed properly. Please help me to clear this. The website I am facing this particular problem is http://autocreditxchange.com

Thanks

12/10/2012 8:34:31 AM
Isaac Hall
Gravatar
Total Posts 216
View Posts
Community Expert

mojoPortal Hosting & Design @ i7MEDIA!

Re: Media queries for mobile and tabs applying in desktop itself in chrome

I don't think the site being https can effect the media queries, because media queries are browser based code. I would guess that there is a missing end tag somewhere on that particular page, or a JS bug of some kind that is stopping the browser from parsing your CSS half way through.

I've had a similar issue in Chrome before because of the StyleSheetCombiner in mojoPortal. What happens is that the StyleSheetCombiner puts all the CSS on a single line, which then gets cut off by Chrome if it is too long (I think the limit is 8000 characters. but I'm not completely sure). I would suggest disabling Cacheing and the StyleSheetCombiner on that installation and see if it fixes your problem. If so, you'll need to find a way to shrink your CSS a bit, or exclude certain files from the combiner somehow, or leave the combiner turned off.

Hope this helps,
-Isaac

12/10/2012 9:35:30 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Media queries for mobile and tabs applying in desktop itself in chrome

Hi,

When I try to visit your site using https the browser gives a warning about the ssl certificate not being valid for your domain.

autocreditxchange.com uses an invalid security certificate.

The certificate is only valid for the following names:
  *.arvixe.com , arvixe.com  

(Error code: ssl_error_bad_cert_domain)

The other problem I see when I view the source of your page (using http) is that you are using a remote font:


<link href="http://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet" type="text/css" />
 

If the containing page uses https that font will be blocked since it is not using https.

Also if you are using background images in css make sure you use a relative path and do not put any references to images in the css using http.

See also Solving Browser Security Warnings

Hope that herlps,

Joe

 

 

You must sign in to post in the forums. This thread is closed to new posts.