Home Forums EZY Template How to remove above gap area of footer ( Blank Space )

This topic contains 7 replies, has 2 voices, and was last updated by  Support2 3 months, 3 weeks ago. This post has been viewed 251 times

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #10029712

    sandeeplingwal
    Participant

    Also, I have purchased Porto and facing the same issue


    #10029716

    Support2
    Keymaster

    Hello, thanks for your purchase.

    By default the footer has an margin top that creates this gap between the content and footer. You can easily remove this gap adding the class mt-0 to the footer:

    <footer id="footer" class="mt-0">

    * You can do that for EZY and Porto.

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10029721

    sandeeplingwal
    Participant

    Hi,
    actually I have tried this before but still, there is black line showing in between


    #10029727

    Support2
    Keymaster

    Hello,

    Can you please share with us the HTML code you are trying ? You can use a service like https://pastebin.com

    Or even better, can you send an online link with your website ? So we can inspect your code and help you with that.

    Kind Regards,

    Rodrigo.


    • This reply was modified 4 months ago by  Support2.
    #10029752

    sandeeplingwal
    Participant
    This reply has been marked as private.
    #10029760

    Support2
    Keymaster

    Hello, thanks for the code.

    Change this:

    <div class="container my-4">

    To this:

    <div class="container mb-4">

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10029802

    sandeeplingwal
    Participant

    Didn’t worked !

    <footer id=”footer” class=”bg-color-secondary mt-0″>
    <div class=”container mb-4″>
    <div class=”row pt-5 py-lg-5″>
    <div class=”col-5 col-md-6 col-lg-3 mb-5 mb-lg-0″>
    <h5 class=”text-6 text-transform-none font-weight-light text-color-light mb-4″>Clinic Location</h5>
    <p class=”text-4 mb-0 text-color-light”> 15-A/1, EAST AVENUE MARKET,</p>
    <p class=”text-4 mb-0 text-color-light”>PUNJABI BAGH EAST,</p>
    <p class=”text-4 mb-0 text-color-light”>Delhi 110026</p>
    </div>
    <div class=”col-7 col-md-6 col-lg-3 mb-5 mb-lg-0″>
    <h5 class=”text-6 text-transform-none font-weight-light text-color-light mb-4″>Opening Hours</h5>
    <p class=”text-4 mb-0 text-color-light”>Mon-Fri: <span class=”text-color-light”>8:30 am to 5:00 pm</span></p>
    <p class=”text-4 mb-0 text-color-light”>Saturday: <span class=”text-color-light”>9:30 am to 1:00 pm</span></p>
    <p class=”text-4 mb-0 text-color-light”>Sunday: <span class=”text-color-light”>Closed</span></p>
    </div>
    <div class=”col-7 col-md-6 col-lg-3 mb-5 mb-lg-0″>
    <h5 class=”text-6 text-transform-none font-weight-light text-color-light mb-4″>Emergency Care</h5>
    <p class=”text-7 text-color-light font-weight-light mb-2″>(+91) 9910001486</p>
    </div>
    <div class=”col-5 col-md-6 col-lg-3″>
    <h5 class=”text-6 text-transform-none font-weight-light text-color-light mb-4″>Social Media</h5>
    <ul class=”footer-social-icons social-icons m-0″>
    <li class=”social-icons-facebook”><i class=”fab fa-facebook-f”></i>

    <li class=”social-icons-twitter”><i class=”fab fa-twitter”></i>

    <li class=”social-icons-linkedin”><i class=”fab fa-linkedin-in”></i>

    </div>
    </div>
    </div>
    <div class=”footer-copyright bg-color-secondary text-white bg-color-scale-overlay bg-color-scale-overlay-1″>
    <div class=”bg-color-scale-overlay-wrapper”>
    <div class=”container py-2″>
    <div class=”row py-4″>
    <div class=”col-lg-7 d-flex align-items-center justify-content-center justify-content-lg-start mb-4 mb-lg-0″>
    <p class=”text-white text-4″>© Copyright 2019. All Rights Reserved.</p>
    </div>
    <div class=”col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-end”>
    <nav id=”sub-menu”>

    </nav>
    </div>
    </div>
    </div>
    </div>
    </div>
    </footer>


    #10029804

    Support2
    Keymaster

    Hello,

    We did a new test with the solution we sent for you and this works. Maybe you have an element with margin bottom above the footer that is generating this blank space.
    In that case please send all HTML code of the page for us. Or if possible, send an online link with your website for us so we can inspect your code and discover where is the issue.

    Kind Regards,

    Rodrigo.


    • This reply was modified 3 months, 3 weeks ago by  Support2.
Viewing 8 posts - 1 through 8 (of 8 total)