Responsive footer menu

  • Resolved jjwere

    (@jjwere)


    9 years, 6 months ago

    I am quite happy with this theme. There is only one little thing I cannot solve. I am trying to get the footer menu responsive. The other two menus are responsive by default, but somehow the footer menu stays as it is when I rescale the browser window. Maybe I have been missing some settings, I have tried with some plugins also, but then the footer menu doesn’t disappear when rescaling the window.

    Is there any way to get the footer menu responsive within the theme without using another plugin?
    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Brian Harris

    (@zgani)

    It is possible.

    First of all you’ll need to create a child theme if you have not already done so – see: The child theme codex.

    Copy the file nav-footer.php in to your child theme then proceed to edit it as follow.

    Add the following code just above where it reads <!-- Our menu needs to go here -->

    <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".footer-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </a>

    Then change this line 'container_class' => 'nav', to 'container_class' => 'nav-collapse footer-collapse', save and the footer menu should now be responsive.

    Regards,
    Zulf

    Thread Starter jjwere

    (@jjwere)

    Great, thanks a lot. Works like a charm!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive footer menu’ is closed to new replies.