Footer error on mobile

Hi guys,

I’m developing a trial website for a client of mine and came across a couple of issues.

  1. On mobile, the footer seems to be broken and covering the slider text/button. Here is a screenshot of the issue:

  2. I selected the main menu to be centered and it works fine on desktop. On mobile its showing a blank field under the logo while I have to touch the 3 lines on the side for the mobile menu to appear. With this unwanted field and the out of place footer, its cover much of the slider information.


Sorry for the late reply.

  1. It’s not broken, it’s just that the slider text is meant to be a small phrase, not a block of text. It simply doesn’t fit on top of the image. So it’s not about the footer, anything else could have been under the slider and the result would be the same.
  2. I see what you mean, though it doesn’t look like it’s interfering with the slider. Use this for now in your stylesheet or in a custom CSS plugin please:

@media (max-width: 1199px) {
    .branding-container {
         margin-bottom: 0 !important;
         padding-bottom: 0 !important;
         border-bottom: 0 !important;