Problems on mobile for Supreme Theme V1

This topic contains 14 replies, has 3 voices, and was last updated by  Kor 5 years, 4 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #458651

    Ovidiu Tutunaru
    Full Member
    Post count: 12

    Hello!

    Recently, after the last update of the Supreme Theme, I started having problems with the theme on mobile, and I can’t figure out why. I think the issues are related. If you have any advice…

    1. For a location with a long name, on mobile, in portrait mode, the location page is resized according to the lenght of the title and a white space appears on the right of the page. Please see image 1.

    2. On any location page and on the home-page, when the page is viewed in landscape mode, the title of the page overlaps the header. Please see image 2.

    3. The mobile score on PageSpeed Insights dropped from over 80 to under 20.

    An example page is: https://www.italyscapes.com/location/lazio/sperlonga/

    Thank you very much!

    #458663

    Alex Rollin
    Moderator
    Post count: 27815

    DO make sure you have updated all your plugins and themes, including the parent theme directory starter.

    If that doesn’t fix it you can write back with a private reply and include WP Admin so that someone on our team can check out your settings.

    #458693

    Ovidiu Tutunaru
    Full Member
    Post count: 12
    This reply has been marked as private.
    #458702

    Alex Rollin
    Moderator
    Post count: 27815

    Your themes are out of date

    Directory starter should be at 110
    and Supreme Directory should be at 121

    The issue you are reporting has been fixed in recent release.

    #458712

    Ovidiu Tutunaru
    Full Member
    Post count: 12

    I don’t understand! Yesterday, I have updated Directory Starter from 1.1.6 to 1.1.10, the last version available here: https://wordpress.org/themes/directory-starter/, updated on December 14th. I was prompted to do so by WordPress.

    And the Supreme Directory theme’s version is 1.2.1.

    #458714

    Kor
    Moderator
    Post count: 16516

    Hi Ovidiu,

    Just double checked and you’ve the latest version of the theme. Are you still having issues? Maybe try clearing your browser/Website cache?

    Thanks!

    #458717

    Ovidiu Tutunaru
    Full Member
    Post count: 12

    Hi, Kor!

    I cleared every cache I can think of, and cleared the mobile browser cache as well. I loaded the page on mobile in many browsers (native Android browser, Chrome, Firefox, Opera), but the problem persists.

    Thank you!

    #458732

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    #458743

    Ovidiu Tutunaru
    Full Member
    Post count: 12

    Thank you, Kor, but I don’t think that is the problem. The Google Ads are responsive and I don’t think have anything to do with it. Anyway, I removed the widgets and the plugin itself, cleared the cache, but nothing changes on the locations pages.

    I’ve solved the first issue by reducing the title font on mobile. I still don’t know what to do with the overlaping content on landscape mode.

    #458813

    Alex Rollin
    Moderator
    Post count: 27815

    Can you be more specific about the size/device you are testing with?

    I just jumped through the chrome defaults for mobile and landscape looks OK now, so 1 and 2 look ok.

    For 3 this could be related to the change to FA 5 JS SVG. You can try adjusting the FA Settings.

    See https://wpgeodirectory.com/docs-v2/integrations/font-awesome/

    #458878

    Ovidiu Tutunaru
    Full Member
    Post count: 12

    Hi, Alex!

    I’m testing on a Samsung Galaxy S7 Edge, with a screen resolution of 1980×1080. I think it has to do with the content of the featured area, which doesn’t fit on its height. I sent the issue to a guy from https://geodirectoryexperts.com/. I hope he will help me.

    I’ve tried to change the Font Awesome settings, but there is no improvement. On Desktop, my score is near perfection (98-99), but on Mobile, the score is around 20. About 2 seconds take to load the Font Awesome css.

    #458941

    Alex Rollin
    Moderator
    Post count: 27815

    Can you send an updated screenshot and point out the issue again?

    When i view at 1980×1080 I dont see any issues jumping out at me.

    #458951

    Kor
    Moderator
    Post count: 16516

    Hi Ovidiu,

    Could you try using the custom CSS code below and see if it fixes the issue you had there?

    
    
    @media only screen and (max-width: 600px) {
      .sd-homepage .featured-area, .sd-location .featured-area {
        min-height: 500px!important;
    }
    }
    #459059

    Ovidiu Tutunaru
    Full Member
    Post count: 12

    Hi, Alex! Hi, Kor!

    It seems the issue was solved. I guess the guy I am working with made something in css, and now everything looks fine. From what I saw, he replaced the units “px” with “vh”.

    Thank you!

    #459102

    Kor
    Moderator
    Post count: 16516

    Hi Ovidiu,

    Thanks for your reply. Good to know. Enjoy GD!

Viewing 15 posts - 1 through 15 (of 15 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket