Mobile website not working properly - by JeanineH93

This topic has 20 replies, 3 voices, and was last updated 8 years, 1 months ago ago by Eva Kemp

  • Avatar: JeanineH93
    JeanineH93
    Participant
    September 15, 2016 at 09:37

    Hi,

    The mobile view is not working properly. I have added a photo in the private content -> i think this is only happening on the first page of the store view.
    The pages are not loading properly and the menu is not always working.

    Please, contact administrator
    for this information.
    19 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 15, 2016 at 10:29

    Hello,

    I’ve just checked your site in mobile view and didn’t see that issue. See screenshot: http://prntscr.com/ci8e0n

    Try to clear the browser cache and check it. Also you can try to disable third-party plugins one by one and check issue.

    Regards,
    Robert Hall

    Avatar: JeanineH93
    JeanineH93
    Participant
    September 15, 2016 at 12:26

    Hi,
    Please go to the following link on mobile, it’s not working properly

    Please, contact administrator
    for this information.
    Avatar: JeanineH93
    JeanineH93
    Participant
    September 15, 2016 at 12:40

    Also, I’m seeing this error in my console:
    Font from origin ‘https://XX.com’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://XX.com’ is therefore not allowed access.
    It has something to do with the SSL certificate i think.

    Because on the shop page, the SSL is not working properly?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 15, 2016 at 12:55

    I’ve cleared cache via FTP. Please check it now.

    Regards,
    Robert Hall

    Avatar: JeanineH93
    JeanineH93
    Participant
    September 15, 2016 at 13:41

    Hi Robert,

    Unfortunately, no result. The shop page is still displaying not properly.
    Also I have found another error: When clicking the menu on my phone from the homepage, it automatically selects “home” in the menu. So it’s not possible to open the menu properly.

    Avatar: Eva
    Eva Kemp
    Support staff
    September 15, 2016 at 14:07

    Hello,

    I’ve added this code in .htaccess file:

    <IfModule mod_headers.c>
       Header set Access-Control-Allow-Origin "*"
    </IfModule>

    Please check shop page now.

    Regards,
    Eva Kemp.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 15, 2016 at 14:13

    You should use the link with https://&#8230; See screenshot: http://prntscr.com/ciavfs

    Regards,
    Robert Hall

    Avatar: JeanineH93
    JeanineH93
    Participant
    September 15, 2016 at 19:50

    Hi,

    Thanks for the update, the error is not showing anymore!

    But however, I’m still having the following problems:

    1. The mobile menu: When I click on the hamburger menu to open the menu, sometimes it automatically clicks on the first menu item. Therefore, when I click on the menu, the “home”menu item is clicked and it keeps refreshing.

    2. The mobile menu suddenly appears very dark, so you can not read the letters anymore. I already tried adding the following code, but it doesn’t help:
    .et-mobile-menu li a {
    color: #fff !important;
    }

    3. There is appearing a black line on the top of my mobile website. Apparently it is languages area, however on my desktop site this is white with black text in it. How can i make this also white on the mobile view?

    Avatar: Eva
    Eva Kemp
    Support staff
    September 16, 2016 at 09:15

    Hello,

    1. I don’t see such problem on our side. Try to check it on other devices.

    2. I’ve added “!important” to your code. Check mobile menu now.

    3. Add this code in Custom CSS for mobile section:

    .top-bar {
        background: white;
    }

    Regards,
    Eva Kemp.

    Avatar: JeanineH93
    JeanineH93
    Participant
    September 16, 2016 at 13:12

    Hi!

    1. I have tried it but also on other devices it doesnt work properly. Maybe it has something to do with the top bar. Because the icon of the hamburger menu, is on the same height as the first menu item. So when i click on it, it automatically also clicks the first menu item.

    2. This is fixed, thanks
    3. Also fixed thanks!

    Avatar: Eva
    Eva Kemp
    Support staff
    September 16, 2016 at 13:16

    Hello,

    Could you please specify a device where you’re experiencing the problem?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: JeanineH93
    JeanineH93
    Participant
    October 4, 2016 at 21:05

    Samsung Galaxy S6,
    Samsung Galaxy A

    Also, the product photos on the product page are now displaying in a vertical row, instead of a slider. Also the upselling and cross selling products have disappeared..

    Please, contact administrator
    for this information.
    Avatar: JeanineH93
    JeanineH93
    Participant
    October 4, 2016 at 21:29

    Also, when I go to my website on the ipad, the product columns are not displaying right. Please see the image. I want the images all to be next to each other.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 5, 2016 at 19:14

    Hello,

    The problem is caused by Autoptimize plugin. Disable it, clear browser cache and check the site.

    Regards,
    Eva Kemp.

    Avatar: JeanineH93
    JeanineH93
    Participant
    October 5, 2016 at 20:57

    Hi Eva,

    Thanks for checking. I have disabled the plugin and that did the trick.

    However, i have noticed another problem. On the productpage i have upselling and crossselling products. But the lowest tab with products, is showing 30 products. In the product page edit i have only added 3 products here..
    How can i fix this? I have added a link.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 6, 2016 at 08:16

    Hello,

    The lowest slider shows related products from your categories where that product is added.
    Up-sells are shown above http://storage3.static.itmages.com/i/16/1006/h_1475738236_2784464_d0d8aa0518.jpeg .

    Regards,
    Eva Kemp.

    Avatar: JeanineH93
    JeanineH93
    Participant
    October 8, 2016 at 12:27

    Hi Eva,

    The related products slider is showing 30+ products. Is there a way to show 4 products here?
    Because on the mobile view there are 30 products showing underneath each other, which is not very mobile friendly.

    Avatar: JeanineH93
    JeanineH93
    Participant
    October 8, 2016 at 12:35

    Hi Eva,
    I have already found it!
    In related.php i have changed $posts_per_page = 50; to $posts_per_page = 4;

    Avatar: Eva
    Eva Kemp
    Support staff
    October 10, 2016 at 08:00

    Hello,

    Glad to hear it!
    Have a nice day!

    Regards,
    Eva Kemp.

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

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

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