Docs

[Rin]

Hello there,
I have a couple of issues on the site that seem to be appearing on mobile only that I’m hoping you can help.

URL: https://www.huiji.com.sg/ch/shop/%E6%89%80%E6%9C%89%E4%BA%A7%E5%93%81/
Wordpress: 4.5.3
X version: 4.5.2
cornerstone: 1.3.0

1. On Android, the radio buttons next to the shipping options do not appear at checkout. They are appearing on ios though.

2. How do I fix this alignment on mobile? https://www.huiji.com.sg/ch/%E5%AA%92%E4%BD%93%E4%BB%8B%E7%BB%8D/%E5%B9%BF%E5%91%8A/

3. This one is an odd issue. We have the site in Chinese and on the Chinese mobile, the menus are appearing differently.

a. On Android, when you click on the dropdown for Shop (产品) the order of the product categories (11 in total) are different from the one on the desktop.
correct on desktop: https://www.huiji.com.sg/ch/shop/%E6%89%80%E6%9C%89%E4%BA%A7%E5%93%81/

b. On iOs, the order of the product categories are correct but I am unable to scroll down to view the 11th category if I view on portrait. It doesn’t scroll down when I view on landscape either. Instead I have to click on the ‘scroll to top’ button to go back to the menu and start again.

4. How do I remove the gap below 产品 on mobile?

5. On iPad, the youtube video in the revolution slider doesn’t seem to work. It shows the loading icon but then moves to the next slide.

[Christian]

Hey there,

1. Please provide a desktop screenshot so we could see what you mean. It would be best to draw arrows pointing to the element also.

2. You have this code in your Global CSS

@media (max-width: 480px) {
.gallery .gallery-item {
    width: 30% !important;
    margin-left: 1.66666% !important;
    margin-right: 1.66666% !important;
}
}

Change 30 to 31. Adjust the value to achieve your desired columns.

3. X Navbar does not support long list of menu items. You might want to consider restructuring your navigation or use the UberMenu plugin which comes bundled with X. If you go with the latter, please see https://community.theme.co/kb/integrated-plugins-ubermenu/ for usage and integration instructions.

4. You have this code in your CSS

.menu-item a.menu-image-title-hide .menu-image-title {
    display: none;
}

Please remove it.

5. Check if your device support Flash.

Thanks.

[Rin]

Hi,
Thanks for the solutions – I will work on them and come back to you if I’m still stuck.

1.Please see attached for how the radio buttons should appear correctly on iOs – the previous uploaded screenshot showed the Android version which is missing the button.

For question 3, there was the first part of the question which you’d missed out:

We have the site in Chinese and on the Chinese mobile, the menus are appearing differently then what is the correct version on the desktop.

On Android, when you click on the dropdown for Shop (产品) the order of the product categories (11 in total) are different from the one on the desktop. It seems to be working on iOs.

correct order on desktop (also attached as screenshot): https://www.huiji.com.sg/ch/shop/%E6%89%80%E6%9C%89%E4%BA%A7%E5%93%81/

[Nabeel A]

Hi again,

It looks like you’re using an old version of X theme. Please update your theme and plugins to the latest version to avoid conflicts. You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Let us know how this goes!

[Rin]

Hello there,
I’ve updated the themes but now there’s a new issue with one of the pages I’d noted in the thread.
The page https://www.huiji.com.sg/ch/%E5%AA%92%E4%BD%93%E4%BB%8B%E7%BB%8D/%E5%B9%BF%E5%91%8A/ is now not showing up on either desktop or mobile. It is a duplicate page of this: https://www.huiji.com.sg/en/media-corner/advertisement/ which works but when I try to edit the English version with Cornerstone, it doesn’t load. It just keeps on showing the loading screen. When I try to edit the chinese version with cornerstone, it does load (see screenshot attached).

I’ve tried to disable the plugins but can’t seem to locate the error. Please advise on what I should do next.

[Rin]

This reply has been marked as private.

[Christopher]

Hi there,

The page content is displaying fine except the text element in third section which has inline CSS display:none; , please see the attachment.

How did you duplicate CS page? please note that CS works with template and you should export/import template in order to duplicate it, check this link : https://community.theme.co/kb/cornerstone-interface-layout/

Hope it helps.

[Rin]

Hi Chris,
The ‘display: none’ is for the hidden text below that. The issue is that the page isn’t showing the images, it’s suppose to look like the screenshot attached. This screenshot is the original version in English. I’m not sure how it was duplicated in the first place since I inherited the site. I want to try and view the original but it’s not letting me go into Edit with Cornerstone mode since it just keeps showing the loader screen. How should I proceed?

[Rad]

Hi there,

Before we continue, let’s fix your javascript first. There is an error originating from this code.

$(document).ready(function(){
// hide #back-top first
$(".go-to-cart").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('.go-to-cart').fadeIn();
} else {
$('.go-to-cart').fadeOut();
}
});
});
});

And change it to this,

jQuery( function($) {

$(document).ready(function(){
// hide #back-top first
$(".go-to-cart").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('.go-to-cart').fadeIn();
} else {
$('.go-to-cart').fadeOut();
}
});
});
});

});

Thanks!

[Rin]

Hi Rad,
Thanks for spotting it, I’ve updated it as instructed. The advertisement page just still shows the loading screen when trying to edit with Cornerstone and the chinese ad page isn’t showing the ads. What should I do next?

[Christian]

Please try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks.

[Rin]

I’ve tried deactivating the plugins and reactivating as instructed but it didn’t change the page. I found that the original source of the page is under Posts (whereby the original post then is placed as a shortcode into the page). When I clicked on ‘Edit’ the page, I can see the thumbnails in the gallery. However when I view the post page itself, it disappears. I tried to recreate a test page by copying and pasting the same code into the text field and it had the same results. I’m really not sure what’s going on since it seems to be the only page affected but we didn’t make any edits to it before this was spotted.

[Rad]

Hi there,

Please disable google authenticator, and please provide the URL that has that issue. I can’t type in the URL manually.

Thanks!

[Rin]

Hello Rad,
The google authenticator has been disabled, the URL with the issue is:

https://www.huiji.com.sg/ch/%E5%AA%92%E4%BD%93%E4%BB%8B%E7%BB%8D/%E5%B9%BF%E5%91%8A/

The english version that is working is this:
https://www.huiji.com.sg/en/media-corner/advertisement/

If you have any issues trying to paste the URL above, it’s the first option from the fourth menu link as in the screenshot. Really appreciate you looking into it..

[Rad]

Hi there,

The javascript error is still there even by removing cache. Where did you change it? If it’s within templates, then please provide your FTP login credentials as well. And I can’t update/edit it due to that javascript error. I have to fix it before I continue

Thanks!

[Author]

Posts