Why does this Desktop site look like it's a Mobile?

twersk · 24th Jan 2016, 11:27 PM

This terribly unimaginative site looks like a mobile site...not a desktop. The forms stretch across my screen, which would suggest that it is Mobile. But my prospect was surprised when I asked her if it was a mobile site (that was showing on my desktop.)

www.remington-moving.com

Just curious what yall think...

Go WF!

akoawanawan · 25th Jan 2016, 07:53 AM

I think it is nice. Hence, we can say that it is perfect. Don't worry, it is looking very nice and pretty.
Just make it a little colorful for the more attraction.

twersk · 25th Jan 2016, 09:19 AM

Please let me elaborate! The above site is not mine...

It was made for a client a while ago. I do not like it...but all I was wondering was if someone could tell me if this was a mobile site or a desktop site...

Because it looks like someone loaded a mobile site into a non-mobile folder. Does anyone concur?

Thanks again...

Go WF!

Adrian John · 27th Jan 2016, 02:10 AM

It seems that either it's adaptive design which doesn't need a separate folder to show mobile, either it's a mobile theme/plugin that it's loading once a mobile device access the website.

Silvio Porcellana · 2nd Feb 2016, 10:11 AM

Nah, it's just a regular Wordpress site with a pretty standard (and, I concur, boring) theme. Responsive, so on desktop it's not the mobile version.

Jay Moreno · 4th Feb 2016, 12:34 AM

@twersk - just had a quick look, the issue you are seeing is that the css media query is set so that the div wrapper that the form is constrained too goes to 100% wide when the screen size has a max-width of 1024px

For a better desktop user experience this would be much better suited if the max-width was set to 1023px - most desktop screens and laptops are minimum 1024px wide and as you mentioned the form looks weird going full width at this resolution.

See screenshots to better see what i am talking about:

Screenshot currently with max-width set to 1024px: http://screencast.com/t/VKCRVDwCuvvm

Screenshot after max-width set to 1023px: http://screencast.com/t/Ff9QYMFgv

Make sure if you do change this value that the other elements on the page flow nicely too...

Hope that makes sense and helps.

Cheers,

Jay

24th Jan 2016, 11:27 PM	#1
twersk HyperActive Warrior Join Date: 2008 Location: Central NJ Posts: 178 Thanks: 114 Thanked 21 Times in 20 Posts	Why does this Desktop site look like it's a Mobile? Share on: This terribly unimaginative site looks like a mobile site...not a desktop. The forms stretch across my screen, which would suggest that it is Mobile. But my prospect was surprised when I asked her if it was a mobile site (that was showing on my desktop.) www.remington-moving.com Just curious what yall think... Go WF!

25th Jan 2016, 07:53 AM	#2
akoawanawan Warrior Member Join Date: 2016 Location: Cheyenne, Wyoming, US Posts: 11 Thanks: 4 Thanked 2 Times in 2 Posts	Re: Why does this Desktop site look like it's a Mobile? Share on: I think it is nice. Hence, we can say that it is perfect. Don't worry, it is looking very nice and pretty. Just make it a little colorful for the more attraction.

25th Jan 2016, 09:19 AM	#3
twersk HyperActive Warrior Join Date: 2008 Location: Central NJ Posts: 178 Thanks: 114 Thanked 21 Times in 20 Posts	Re: Why does this Desktop site look like it's a Mobile? Share on: Please let me elaborate! The above site is not mine... It was made for a client a while ago. I do not like it...but all I was wondering was if someone could tell me if this was a mobile site or a desktop site... *Because it looks like someone loaded a mobile site into a non-mobile folder. Does anyone concur?* Thanks again... Go WF!

27th Jan 2016, 02:10 AM	#4
Adrian John Mobile Website Designer War Room Member Join Date: 2009 Posts: 529 Thanks: 614 Thanked 120 Times in 96 Posts	Re: Why does this Desktop site look like it's a Mobile? Share on: It seems that either it's adaptive design which doesn't need a separate folder to show mobile, either it's a mobile theme/plugin that it's loading once a mobile device access the website.
	ARE YOU A CONSULTANT? Do you have clients who could use MORE LEADS? Get them a MOBILE WEBSITE PLATFORM built to stay up with their clients habits. More than 50% of their customers buys from their mobile devices now! CLICK HERE FOR MORE INFO

2nd Feb 2016, 10:11 AM	#5
Silvio Porcellana mob.is.it CEO Registered Member Join Date: 2013 Posts: 45 Thanks: 13 Thanked 18 Times in 13 Posts Blog Entries: 4	Re: Why does this Desktop site look like it's a Mobile? Share on: Nah, it's just a regular Wordpress site with a pretty standard (and, I concur, boring) theme. Responsive, so on desktop it's not the mobile version.

4th Feb 2016, 12:34 AM	#6
Jay Moreno Mobile+WP = JumpMobi.com War Room Member Join Date: 2009 Location: San Antonio, Tx Posts: 1,270 Thanks: 302 Thanked 453 Times in 312 Posts	Re: Why does this Desktop site look like it's a Mobile? Share on: @twersk - just had a quick look, the issue you are seeing is that the css media query is set so that the div wrapper that the form is constrained too goes to 100% wide when the screen size has a max-width of 1024px For a better desktop user experience this would be much better suited if the max-width was set to 1023px - most desktop screens and laptops are minimum 1024px wide and as you mentioned the form looks weird going full width at this resolution. See screenshots to better see what i am talking about: Screenshot currently with max-width set to 1024px: http://screencast.com/t/VKCRVDwCuvvm Screenshot after max-width set to 1023px: http://screencast.com/t/Ff9QYMFgv Make sure if you do change this value that the other elements on the page flow nicely too... Hope that makes sense and helps. Cheers, Jay
	Sorry, I am too busy helping people to think of a cool signature!