Forums / General Questions / Responsive on mobile shows off-centre?

Responsive on mobile shows off-centre?

Views: 684

Results 1 to 5 of 5
5 Jul 2019, 2:44 PM
#1
rainbow_pixie_star avatar

rainbow_pixie_star

Zen Follower

Join Date:
Feb 2012
Posts:
427
Plugin Contributions:
0

Responsive on mobile shows off-centre?

[Note: remember to include site URL, ZC version, list of plugins, PHP version, etc ... read the Posting Tips shown above for information to include in your post here. And, remove this comment before actually posting!]

Hi,
WHen I look on a mobile device the page is really wide and loads in the centre so that the main info doesnt show unless you scroll to the left and up.
Does anyone know what the issue is as I really don't know what it is?

Using responsive classic and the website is craftjam.co.uk

Thank you
Am

9 Jul 2019, 7:22 PM
#2
racingaddiction avatar

racingaddiction

New Zenner

Join Date:
Apr 2019
Location:
Newport Beach, CA
Posts:
80
Plugin Contributions:
0

Re: Responsive on mobile shows off-centre?

Hi,
WHen I look on a mobile device the page is really wide and loads in the centre so that the main info doesnt show unless you scroll to the left and up.
Does anyone know what the issue is as I really don't know what it is?

Using responsive classic and the website is craftjam.co.uk

Thank you
Am[/QUOTE]

I tried it on my Android, one of the more current versions, and it's fine. Everything was properly centered and displayed nicely.

10 Jul 2019, 8:20 PM
#3
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,864
Plugin Contributions:
18

Re: Responsive on mobile shows off-centre?

Looks good to me as well BUT, test your site with webpagetest.org. It's taking over three seconds to even start loading.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

11 Jul 2019, 11:43 AM
#4
rainbow_pixie_star avatar

rainbow_pixie_star

Zen Follower

Join Date:
Feb 2012
Posts:
427
Plugin Contributions:
0

Re: Responsive on mobile shows off-centre?

Hi,
I managed to change one of the widths to 100% and that seemed to fix it. Not sure why it started doing it in the first place.
I am also looking into the test you mentioned.

This does however mean that my menu across the middle is over a few rows now.
Is there a way to make it smakker in just responsive?
I would prefer to completely remove it in responsive however no one seem to know how to do it?

THank you
Amy

12 Jul 2019, 2:20 PM
#5
simon1066 avatar

simon1066

Totally Zenned

Join Date:
Feb 2009
Location:
UK
Posts:
1,326
Plugin Contributions:
0

Re: Responsive on mobile shows off-centre?

rainbow_pixie_star:

Hi,
I would prefer to completely remove it in responsive however no one seem to know how to do it?

THank you
Amy

You could try adding this to your responsive_mobile.css and responsive_tablet.css

#navigation {
    display:none;
}

This should hide it when viewed on mobile/tablet devices.

Simon