Return to previous page

Mobile issues - by Mike1986 - on WordPress WooCommerce support

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

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.

#143233 Copied

7 Answers
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.
#143258 Copied
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?

#143261 Copied

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.

#143281 Copied

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.

#143283 Copied
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.
#143296 Copied
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

#143306 Copied
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.
#143315 Copied
Viewing 8 results - 1 through 8 (of 8 total)