Mobile issues - by Mike1986 - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 8 years, 2 months ago ago by Jack Richardson

  • Avatar: Mike1986
    Mike1986
    Participant
    October 19, 2016 at 13:25

    Hi!

    I opened my e-commerce store but I noticed that there are few issues in the mobile view.

    http://imgur.com/a/m41nJ

    1. Is there any way to align those pages in sitemap to center? Or possibly remove those little symbols next to the pages in footer?

    http://imgur.com/a/rHu3r

    2. How can I remove the “MOBILE VERSION: ENABLED” text?

    http://imgur.com/a/w9yar

    3. The texts goes on top of each other. Is there a way to fix it?

    Thanks in advance!

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 19, 2016 at 15:35

    Hello,

    1. Add this code in custom.css file:

    .footer_block1 .menu li {
        text-align: center;
    }

    2. Use this css code:

    .span12.responsive-switcher.visible-phone.visible-tablet {
        visibility: hidden;
    }

    3. Please show a direct page of the issue.

    Best regards,
    Jack Richardson.

    Avatar: Mike1986
    Mike1986
    Participant
    October 19, 2016 at 15:52

    Thanks for the codes!

    3. The first picture is from the cart page and second is from the checkout page. I enabled the coming soon mode but I can disable it if you want to take a look?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 19, 2016 at 18:26

    Hello,

    3. I don’t see such issue on the Cart page http://storage9.static.itmages.com/i/16/1019/h_1476898012_4382746_515298b1d8.jpeg .
    What device are you checking?

    Best regards,
    Jack Richardson.

    Avatar: Mike1986
    Mike1986
    Participant
    October 19, 2016 at 18:37

    I checked with Samsung Galaxy S4. Also with the mobile browser emulator (320×533) has the same issue on the cart page:

    http://imgur.com/a/PnzLC

    I would also like to remove the “loading the content… Loading depends on your connection speed” text and effect.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 19, 2016 at 20:26

    Hello,

    Add this code in custom.css:

    .tab-content .col2-set .col-2 .lost_password {
        left: 0px;
    }

    You can disable “loading the content” text in Theme Options > Responsive > Show loader icon until site loading on mobile devices > Off.

    Best regards,
    Jack Richardson.

    Avatar: Mike1986
    Mike1986
    Participant
    October 20, 2016 at 06:35

    Thanks! 🙂

    The previous footer code didn’t work like it should. Here is a screenshot of the footer now in desktop view:
    http://imgur.com/a/ntSxZ

    And here is a screenshot of the footer now in mobile view:
    http://imgur.com/a/mnqNI

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 20, 2016 at 08:30

    Hello,

    Please replace this code

    .footer_block1 .menu li {
        text-align: center;
    }

    with this one

    @media (max-width: 480px) {.footer_block1 .menu li {
        text-align: center;
    }
    .footer_block1 .menu ul {
        padding-left: 20px !important;
    }}

    Best regards,
    Jack Richardson.

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

The issue related to '‘Mobile issues’' has been successfully resolved, and the topic is now closed for further responses

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