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

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

Open Support Ticket

Author

Posts
January 23, 2017 at 7:17 pm #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.

January 23, 2017 at 7:22 pm #348036

edge
Buyer

Post count: 191

This reply has been marked as private.

January 24, 2017 at 12:20 pm #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

January 24, 2017 at 2:21 pm #348592

edge
Buyer

Post count: 191

This reply has been marked as private.

January 25, 2017 at 11:20 am #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
January 25, 2017 at 6:40 pm #349464

edge
Buyer

Post count: 191

This reply has been marked as private.

January 25, 2017 at 7:16 pm #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
January 26, 2017 at 8:49 am #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.
January 26, 2017 at 10:46 am #349705

Stiofan O’Connor
Site Admin

Post count: 22956

Please check now.

Stiofan

January 26, 2017 at 3:51 pm #349855

edge
Buyer

Post count: 191

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

January 26, 2017 at 3:59 pm #349856

Stiofan O’Connor
Site Admin

Post count: 22956

Check now, i added one more rule.

Stiofan

January 26, 2017 at 4:04 pm #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.
January 26, 2017 at 4:05 pm #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

January 27, 2017 at 1:21 pm #350488

edge
Buyer

Post count: 191

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

January 28, 2017 at 1:17 pm #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
Author

Posts