Home Forums WoodMart support forum footer left and right text overlaps on mobile view

footer left and right text overlaps on mobile view

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

    joker44
    Participant

    my website
    http://athathy.com

    my copyright text
    <small></small>

    my next to copyright text
    <small>Copy right for atheth.com <i class=”fa fa-copyright”></i> 2017 CREATED BY   <span style=”color: red; font-size: 12px;”></span>   DIGITAL STRIDE EST.</small>

    photo on mobile view on iPhone 6S
    http://www.m5zn.com/newuploads/2018/03/18/png//072e1ced3acc035.png

    #47297

    Hello,

    Please add this code to custom CSS area in the Theme Settings in order to correct:

    .min-footer {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    If you want to decrease or increase the gaps change figures in the top and bottom rules accordingly.

    Best Regards

    #47434

    joker44
    Participant

    hello
    i have try your peddling but it seems not affecting the space between the copyright text and the second line of the right text !!

    as it only add space top and down of footer ?

    #47441

    Artem Temos
    Keymaster

    Currently, we see that this text is added to the left copyrights area. Try to divide it into two parts and move some to the right side https://gyazo.com/037986aa70e6cef16374064ac05805b4

    #47726

    joker44
    Participant

    OK i make it know as the way it should be two columns (parts)

    will solve this problem if i can add a padding for the copy right text only
    so that text can have its own “space” or padding instead of squeezed it with the next right text

    #47769

    Hello,

    Besides copyright text you have also your chat support in footer which overlay the footer content on mobile: http://prntscr.com/iu8v6q

    That is why bottom padding is 60 px. Do you want additional gap between images and copyright text?

    Best Regards

    #47792

    joker44
    Participant

    regarding chat don’t worry we can play with its shape and position the way we want it.

    and regarding the gap between images and copyright text? if there is a css code or any thing to add, then “Yes” and i appreciated. 🙂

    #47845

    Hello,

    Using this CSS code

    .min-footer>div {
        padding-bottom: 40px;
    }

    you will get such a result: http://prntscr.com/iubggi

    If you need less or more gap, change the figure accordingly.

    Best Regards

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)