Docs

[Gerald E]

Hi, I am using X with wpgeodirectory.
The issue is 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. So there is nothing wrong with the links.

wpgeodirectory support tells me:

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;
}

The global CSS in the customer do not show this code.
I am lost how to fix this. can you pls help?

[Gerald E]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

1. For the links, Would you mind sharing us the details of the device you used and the browser you used.

2. You could directly add this code below in your 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.

Thanks.

[Gerald E]

I am using IOS on iphone with chrome browser.

Are you saying you tried the new CSS code but didnt work? What do you suggest?

Thanks
Gerald

[Paul R]

Hi,

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;
    }
}

Hope that helps.

[Author]

Posts