Revolution Slider and Google Maps

[pierrecouchard]

Hi again,

I finally managed to come back to your support forum.

Yesterday I asked you a few questions and here was your replies:
“You can use the following Custom CSS to control the visibility of revolution slider in smaller resolution –

@media only screen and (max-width: 979px) {
.rev_slider { display: none; }
}
I still recommend you try out a few things to make it responsive. We have had success with making the rev slider responsive so far.

Google Maps API has changed and pls follow the post below for help –

https://www.livemeshthemes.com/support/forums/topic/how-to-enter-google-map-in-maps-section/”

So I tried pasting the code you gave me but it still does not disable the Revolution Slider… I tried again changing some of its settings but I can’t seem to be able to disable it.
If I give you some login info, could you disable it?

As for the Google Maps option, I followed the steps of the link you provided me with and it sort of works except that the map is not responsive and that there is a huge margin on top of it (which cannot be inspected with my browser development tool by the way). So how do I get rid of all of this empty space above the map? (link: http://unneek-antiques.com.au/contact-us)

Thanks for your help,
Regards.

Hélène

[pierrecouchard]

This reply has been marked as private.

[Raghavendra]

I added the following line to line number 515 of js/main.js to make the maps responsive –

$("body").fitVids({ customSelector: "iframe[src^='https://www.google.com/maps/']"});

since the google maps url is changed now and we need to update the theme to take care of this.

I also moved the iframe embed code to Custom Heading Options to help display the maps at the top. Hope this meets your need.

I modified the code for rev slider to –

@media only screen and (max-width: 979px) {
.rev_slider_wrapper { display: none !important; }
}

[Author]

Posts