Archived

This topic is now archived and is closed to further replies.

  • 0

columns off in mobile view only

Question

Posted · Report post

Favor please? Can you look at this site in mobile view (www . ccbsi . com) and tell me if something looks off to you? In my android phone, the columns in subsequent horizontal sections are not lined up with the section above it as opposed to being page width? Please view in mobile and you'll see what I mean. How can I fix please? Do I need to ad a "clear" or something? What do I need to add and where (I need specifics, sorry). Again, looks ok in all browsers except in mobile. Confused. Thank you in advance for your time.

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

Hi there

 

On my iphone it looks fine - http://screencast.com/t/X2uwN8BlqCm4

 

Have you tried clearing the cache on the phone to see if anything changes. Take a screenshot if possible so we can see what's happening.

 

Depending on how it is aligning, you might need to use some browser specific css to get it to align better, we have a plugin you can download - http://www.pagelines.com/store/plugins/browser-css/

 

There's instructions on how to add the css here - http://support.pagelines.me/docs/plugins/browser-specific-css/

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you for the reply. I have an android (S3). Tried the clear cache and it did not work. Not sure how to attach a screenshot here. I'll try the plugin.

Share this post


Link to post
Share on other sites

Posted · Report post

A co-worker has just check in firefox and ie for android and says its coming up fine from what they can see. Which browser are you using on your phone?

Share this post


Link to post
Share on other sites

Posted · Report post

The internal IE browser (I have a Galaxy S3) sorry - having trouble finding where to add a screenshot :mellow:

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, you can upload your image to something like imgur (http://imgur.com/) and then paste the link in here.

Share this post


Link to post
Share on other sites

Posted · Report post

Mmmm, you said you viewed on android phone in IE and it's showing ok? Can I just email you the screenshot of what I am seeing?

Share this post


Link to post
Share on other sites

Posted · Report post

hmmm ok, that's strange as not appearing like that on a colleagues android phone. Check to see if there's an update for the browser maybe?

 

You could another layout option (your site is fixed at the moment by the looks of it) try switching to a responsive layout to see if this resolves the content section width or has any alternate effect.

 

Otherwise it's going to have to be a browser specific css solution, tweaking the code inside the mobile version of the site to make the #content section go full width.

Share this post


Link to post
Share on other sites

Posted · Report post

Browser specific css. Sounds like a hassle for a non-developer. I'll see what I can pull off.

Share this post


Link to post
Share on other sites

Posted · Report post

Ok, keep us posted

Share this post


Link to post
Share on other sites