Reply To: Flickering Footer on Contact page

[Robert Kavgić]

Hello,

For the flickering issue, please go to css/ folder and open style.css. Go to line 2145 where it says:

.call-to-action.contact {
  background-color: transparent;
}

Add the text-align: center property, like the following:

.call-to-action.contact {
  background-color: transparent;
  text-align: center;
}

Now go to next section at line 2149 where it says:

.call-to-action.contact i {
  font-size: 31px;
  color: #fff;
  width: 100%;
  text-align: center;
}

Remove the width: 100% property, so the code looks like the following:

.call-to-action.contact i {
  font-size: 31px;
  color: #fff;
  text-align: center;
}

Save style.css and check the contact.html file. The problem should be fixed now.

To make the map hidden on page load, go to js/ folder and open include.js. Go to line 227 where it’s written:

$('.call-to-action.contact').on("click", function (e) {
    e.preventDefault();
    $('#map').slideToggle("slow");
});

Add the following code ABOVE the line 227:

$('#map').hide();

So the code looks like this:

$('#map').hide();

$('.call-to-action.contact').on("click", function (e) {
    e.preventDefault();
    $('#map').slideToggle("slow");
});

The map will be hidden by default now.

Robert