Custom.css file causing problems on mobile devices

This topic has 9 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Robert Hall

  • Avatar: Johnboy_65
    Johnboy_65
    Participant
    March 16, 2016 at 18:17

    Hello!

    My product category pages disappears when I activate my custom.css file. (The product pages are fine).
    When I deactivate the custom.css file the product category pages reappears.

    This problem ONLY occurs on Mobile device. I am using an Android mobile.

    (I’m attaching a copy of my custom.css file)

    Any suggestions?

    Thanking you.

    John.
    http://www.frockmania.com
    Home URL: http://www.frockmania.com
    WC Version: 2.5.5
    WP Version: 4.4.2
    Blanco Version: 3.5

    Please, contact administrator
    for this information.
    8 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 16, 2016 at 18:29

    Hello,

    Please try to add this code in custom.css file.

    #loader {
        display: none !important;
    }

    Regards,
    Robert Hall

    Avatar: Johnboy_65
    Johnboy_65
    Participant
    March 16, 2016 at 18:37

    Apologies i should have specified that the products disappear, not the entire page.
    The menu, footer, widgets etc. remain (albeit the layout is misaligned!), but the product items on the gallery disappears so you just get an empty page.

    Avatar: Johnboy_65
    Johnboy_65
    Participant
    March 16, 2016 at 18:40

    I uploaded,

    #loader {
    display: none !important;
    }

    but problem reoccurs once i activate the custom.css file

    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 16, 2016 at 18:46

    The problem caused by this code in custom.css file.

    #default_products_page_container {
        width: 960px !important;
    }

    Please remove it and check the issue.

    Regards,
    Robert Hall

    Avatar: Johnboy_65
    Johnboy_65
    Participant
    March 16, 2016 at 20:16

    Hi Robert

    That seems to have resolved it.
    However my “NEW! GIGT CARDS ONLINE” image is way off-centre and is sitting to the right.
    Is there anyway to centre/align this?

    Thanks

    John

    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 16, 2016 at 20:40

    Try to remove this code in custom.css

    #prefooter .one-half.gift {
        width: 650px;
    }

    Regards,
    Robert Hall

    Avatar: Johnboy_65
    Johnboy_65
    Participant
    March 16, 2016 at 22:19

    Hi Robert

    That has resolved the issue.
    Thanks for your assistance!

    Best Regards

    John

    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 16, 2016 at 22:41

    Hello,

    You’re welcome!

    Regards,
    Robert Hall

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.