BUG: links on side bar of detail page dont work on mobile

This topic contains 16 replies, has 2 voices, and was last updated by  Stiofan O’Connor 7 years, 2 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #348034

    edge
    Buyer
    Post count: 191

    Hi, I discovered that all links on the sidebar on the left (submit review, send enquiry and the click-to-call) do not work on mobile device (IOS).

    Interestingly the click to call does work in the widgets on other pages.

    #348036

    edge
    Buyer
    Post count: 191
    This reply has been marked as private.
    #348480

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hello,

    You have a JS error where facebook JS has been added wrong, also you are using W3TC which we do not recommend and makes it very hard to track down bugs because of all its caching.

    However i do not that when the window width goes below 980px width then the buttons stop working so i guess its a JS problems or maybe some CSS media query.
    Please disable W£TC and provide FTP info and i will try and track down the problem.

    Thanks,

    Stiofan

    #348592

    edge
    Buyer
    Post count: 191
    This reply has been marked as private.
    #349074

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Your FTP details do not seem to work “530 Login authentication failed”

    for facebook, you have this code which has a script tag inside a script tag and also html inside a script tag:

    
    
    <script id="x-customizer-js">
          <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.7";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>    </script>

    For caching please see here: https://wpgeodirectory.com/docs/faqs/what-caching-plugin-can-i-use/

    Thanks,

    Stiofan

    #349464

    edge
    Buyer
    Post count: 191
    This reply has been marked as private.
    #349483

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    X is adding css direct to the page but i can’t tell how to edit it, do u know?

    The rule is this:

    
    
    @media (max-width: 979px)
    .x-main.full, .x-main.left, .x-main.right, .x-sidebar.left, .x-sidebar.right {
        float: none;
        display: block;
        width: auto !important;
    }

    Should be:

    
    
    @media (max-width: 979px)
    .x-main.full, .x-main.left, .x-main.right, .x-sidebar.left, .x-sidebar.right {
        float: right;
        display: block;
    }

    Thanks,

    Stiofan

    #349675

    edge
    Buyer
    Post count: 191

    X support is saying this:

    You could directly add this code below in your Design > Customizer > Custom > CSS:

    
    
    @media (max-width: 979px)
    .x-main.full, .x-main.left, .x-main.right, .x-sidebar.left, .x-sidebar.right {
        float: right;
        display: block;
    }

    The default code will be overwritten or the code above will be the first to be read.

    However, upon cheking the result of CSS above, when implemented, I could see that it is not looking well.

    #349705

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Please check now.

    Stiofan

    #349855

    edge
    Buyer
    Post count: 191

    hmm. unfortunately on my mobile it’s still unchanged. same issue. do you see it working?

    #349856

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Check now, i added one more rule.

    Stiofan

    #349857

    edge
    Buyer
    Post count: 191

    X support saying:

    The codes above will not work because there is a missing curly brackets.

    Please change it to this.

    
    
    @media (max-width: 979px) {
        .x-main.full, .x-main.left, .x-main.right, .x-sidebar.left, .x-sidebar.right {
             float: right;
             display: block;
        }
    }

    but it still does not work. I am totally lost how to solve this.

    #349858

    edge
    Buyer
    Post count: 191

    oh, there is a chance we both tried the customizer at the same time. can you reenter/recheck pls? i wont be touching anything. apologies

    #350488

    edge
    Buyer
    Post count: 191

    did you have a chance to look at this? I truly appreciate any feedback and support!

    #351207

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    user/pass no longer working, add this:

    
    
    @media only screen and (max-width: 660px)
    .geodir-sidebar-right, .geodir-sidebar-left{
        width: 100%;
        min-width: 100%;
        float: none;
    }

    Stiofan

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

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

Open Support Ticket