Top home and map switch out

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

Open Support Ticket

Tagged: map location and top page

Author

Posts
February 14, 2017 at 5:49 am #361339

gordonbarrett
Expired Member

Post count: 23

I have been looking for a way to have the Home section of my website to open up the the main map and not nave the top page with the full screen image. The full truck image (attached) was what I started with and then I modified the height below from 100 to 75 to shrink the white band across the second image attached. Is there a way to have the website open up to the map instead?

.sd-homepage .featured-area, .sd-location .featured-area {
height: 75vh;
}

One other issue if I may. The map seems extremely sensitive to the mouse scroll when zooming in and out. Is there anything that I can do to control the zoom rate?

Thank you for your help.

February 14, 2017 at 6:21 am #361346

Kor
Moderator

Post count: 16516

Hi there,

I’ve just checked your Website http://truckers4hire.com/ and if you want to display the map on the top section of the homepage, I’d suggest that you remove the “Featured Area” completely using custom CSS. Then insert the search form and the “Popular Category” Widget below the home map widget.

Unfortunately, there isn’t a way to adjust the mouse scroll sensitivity but you can switch “Off” mouse scroll in the map widget and let your users zoom in and out manually using the map controls.

Thanks!

February 17, 2017 at 7:05 pm #362324

gordonbarrett
Expired Member

Post count: 23

Thank you, I did just as you said about the map and it worked perfectly.
I Have tied to remove Sidebar Footer 4 and use only 1-3 and divide the width of the remaining three equally. Is there a way to do this? I have been unable to find any documentation on this.

Thanks

February 17, 2017 at 8:54 pm #362341

Paolo
Site Admin

Post count: 31211

I think the only way is through custom css.

Right now I see 4 widgets in your footer though.

Let us know,

February 17, 2017 at 10:37 pm #362366

gordonbarrett
Expired Member

Post count: 23

Paolo,
Thanks for your response. Yes, there are 4 there now but I wanted to remove the 4th one. It appears they occupy 25% Of the width not. I wanted to leave the first three and distribute them 33% each if that is possible. I have tried to various things but they have not worked yet.

February 17, 2017 at 11:46 pm #362373

Paolo
Site Admin

Post count: 31211

If you remove the 4th widget, we’ll provide the CSS to expand the other 3.

Thanks

February 18, 2017 at 1:17 am #362377

gordonbarrett
Expired Member

Post count: 23

Paolo,
I just did remove the widgets in the fourth. Thanks for helping!

February 18, 2017 at 6:21 pm #362462
Paolo
Site Admin

Post count: 31211
Hi,

please try this CSS:
```
.col-lg-3 {
    width: 33%;
}
```
Let us know,

Thanks
February 18, 2017 at 7:06 pm #362465

gordonbarrett
Expired Member

Post count: 23

Paolo,
Yes, I had tried that. I used firebug and it will change it within the firebug environment however it does not when you include in css. I was puzzled by this and figured there must be something overriding it somewhere.

February 18, 2017 at 7:08 pm #362466
Paolo
Site Admin

Post count: 31211
Add it in the GD >> Design >> Scripts >> Custom CSS and if needed add the !important tag.
```
.col-lg-3 {
    width: 33% !important;
}
```
Thanks
February 18, 2017 at 7:18 pm #362467

gordonbarrett
Expired Member

Post count: 23

Paolo,

That did it! Thank you so much !!!!!

I hope you have a great weekend

February 18, 2017 at 8:03 pm #362472

Paolo
Site Admin

Post count: 31211

Same to you 🙂
Author

Posts