Results 1 to 5 of 5
  1. #1
    Join Date
    Feb 2012
    Posts
    427
    Plugin Contributions
    0

    Default 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

  2. #2
    Join Date
    Apr 2019
    Location
    Newport Beach, CA
    Posts
    80
    Plugin Contributions
    0

    Default 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.

  3. #3
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,682
    Plugin Contributions
    11

    Default 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.
    A little help with colors.
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free SSL & Domain with semi-annual and longer hosting. Updating 1.5.2 and Up.

  4. #4
    Join Date
    Feb 2012
    Posts
    427
    Plugin Contributions
    0

    Default 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

  5. #5
    Join Date
    Feb 2009
    Location
    UK
    Posts
    1,303
    Plugin Contributions
    1

    Default Re: Responsive on mobile shows off centre?

    Quote Originally Posted by rainbow_pixie_star View Post
    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

    Code:
    #navigation {
        display:none;
    }
    This should hide it when viewed on mobile/tablet devices.
    Last edited by simon1066; 12 Jul 2019 at 03:21 PM. Reason: spelling
    Simon

 

 

Similar Threads

  1. v151 Mobile Usability problems - responsive.css issue? responsive_all_business
    By shags38 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 23 Jun 2018, 01:13 AM
  2. v155 Speed of V155 on mobile phone with responsive template
    By Quartier in forum Bug Reports
    Replies: 6
    Last Post: 4 May 2016, 03:29 PM
  3. v154 How to replace logo on tablets/mobile on responsive template...
    By toomanyknots in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 8 Mar 2016, 11:45 PM
  4. Replies: 6
    Last Post: 14 Jan 2016, 01:01 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg