Return to previous page

Custom.css file causing problems on mobile devices

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

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.

#117702 Copied

8 Answers
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
#117704 Copied
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.

#117706 Copied

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

#117708 Copied
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
#117709 Copied
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

#117722 Copied
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
#117726 Copied
Johnboy_65

Participant

March 16, 2016 at 22:19

Hi Robert

That has resolved the issue.
Thanks for your assistance!

Best Regards

John

#117738 Copied

Robert Hall

Support staff

March 16, 2016 at 22:41

Hello,

You’re welcome!

Regards,
Robert Hall

#117739 Copied
Viewing 9 results - 1 through 9 (of 9 total)