Desing and mobile issues

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

Open Support Ticket

Tagged: geolocation, lines, mobile, taxonomy

Author

Posts
December 3, 2016 at 7:30 pm #318146

Belen
Expired Member

Post count: 79

Hello,

I’m almost done with my website and there are a few details I would like to fix if possible.

DESING ISSUES:

1. How can I remove the taxonomy walker from Home map?

2. How can I remove these border lines?

2.1 Above and below the Search widget

2.3 Around data in Details page

2.2 Separation line of the right sidebar in Detail and Search pages

MOBILE DEVICES ISSUES:

3. How can I make the Search widget full width (or centered)?

4. How can I make the Sticky map in Detail page full width (or centered)?

5. Detail page it’s a bit messed up. The information (address, telephone..) about the post is shown after Related posts, which is a bit confussing. How can I put Related posts at the bottom?

6. Error geolocating: I give permission to geolocate my device, then I search and it says I didn’t give permission… It never works.

Thanks!

December 5, 2016 at 12:25 am #318828

Paolo
Site Admin

Post count: 31206

Hi Belen,

without seeing your website, it’s almost impossible to help.

If you provide a link and admin credentials in a private reply, one of our developers will reply to all of your questions.

Thanks

December 5, 2016 at 12:19 pm #319008

Belen
Expired Member

Post count: 79

This reply has been marked as private.

December 5, 2016 at 12:20 pm #319010

Giri
Expired Member

Post count: 3155

Ok Thanks Belen

December 5, 2016 at 4:45 pm #319285

Belen
Expired Member

Post count: 79

This reply has been marked as private.

December 5, 2016 at 7:35 pm #319349
Paolo
Site Admin

Post count: 31206
Hi Belen,

1) this css:
```
.map_category {
    display: none;
}
```
2.1)
```
.geodir-loc-bar {
    border: 0 none;
}
```
2.2)
```
#main-content .container::before {
    width: 0;
}
```
2.3) `ul.geodir-tabs-content {
border: 0 none;
}
```
3) Please try: 
```
@media only screen and (max-width: 479px)
.geodir-loc-bar-in, .geodir-cat-list, ul#breadcrumbs {
width: 100%;
}`

4) The sticky map should be disabled in mobile, it’s not really useful, I asked to the developers to follow up on this.

5) that is how a responsive page works. All info that is in a sidebar on desktop, will be below the content on mobile. There is no way to do that. The only logical thing would be to re-arrange the data so that phone and similar info are visible in the content area too.

6) You need your website to be secure for GeoLocation to work with any browser except firefox.
Please see https://wpgeodirectory.com/adding-a-ssl-certificate-to-your-website/

Thanks
December 6, 2016 at 2:25 pm #319990
Belen
Expired Member

Post count: 79
Hello,
Thank you so much. It all works fine but question 3 about cenetering the search widget in mobile devices.
This code you gave me is not working:
```
@media only screen and (max-width: 479px)
.geodir-loc-bar-in, .geodir-cat-list, ul#breadcrumbs {
width: 100%;
}
```
December 6, 2016 at 6:33 pm #320132

Stiofan O’Connor
Site Admin

Post count: 22956

Please check now.

Thanks,

Stiofan

December 6, 2016 at 7:14 pm #320176

Belen
Expired Member

Post count: 79

Great! It looks fine now.

Thank you very much. 🙂
Author

Posts