Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #812460

    Hello, could you please help me with footer of my website – http://tylo.comadev.noc.lv

    There is an issue with footer width. Sometimes its adaptive, and sometimes it stretches to 100%

    Here is a screenshot of what we would like to achieve – https://www.dropbox.com/s/zdieenxae1s765c/footer.jpg

    Pages where screenshot was taken:
    Correct – http://tylo.comadev.noc.lv/bassejny-dushevye/
    Not correct – http://tylo.comadev.noc.lv/about/

    Another issue – is that we would like footer and socket to always stick to bottom of the page. Sometimes it “hangs” in the middle of the page. For example here – http://tylo.comadev.noc.lv/sol-led-massazh/
    Screenshot – https://www.dropbox.com/s/eczwgylzgz30jt7/footer-spacing.JPG

    Thank you very much!

    #812476

    Hey vadikcoma,
    It looks like you are missing some [div] or there is a conflict, have you done any editing in debug mode? Or have you used another editor/builder?
    Perhaps disabling your plugins to see if that resolves the issue would be a good test.

    Best regards,
    Mike

    #812486

    Hi Mike,

    I havent used any other editor other than default Enfold editor, and I havent edited any PHP files or added any CSS related to footer. Maybe I can give you login details, so you can take a look?

    Thank you very much!

    #812495

    Hi,
    I added this code in the General Styling > Quick CSS field:

    .page-id-229 #wrap_all {min-height: 1100px!important; }

    and it seems to work good now, Please clear your cache: [http://www.refreshyourcache.com/en/home/] and check :)

    Best regards,
    Mike

    #812496

    Hi Mike, should it fix footer position in the bottom of the page or footer width?
    I’ve cleared cache, but I don’t see any changes here – http://tylo.comadev.noc.lv/about/, its still full width

    #812505

    Hi,
    Ops your right, I based it on this page: http://tylo.comadev.noc.lv/proizvoditeli/
    I came up with this fix, but I didn’t add.

    .page-id-229 #footer, .page-id-229 #socket { padding-left: 350px!important; }

    I don’t know what is wrong with the page, but I see you have “Duplicate Post plugin” this can break pages.
    Perhaps you could try recreating the page so it will work right?

    Best regards,
    Mike

    #812522

    Thank you!

    Yes, it seems very strange. Just 2 pages have this issue… I will try to look into difference.

    Could you also help me with second issue, when footer and socket are not fixed at the bottom of the page, like here – http://tylo.comadev.noc.lv/sol-led-massazh/

    Thank you for your time!

    #812534

    Hi,
    Yes, this issue happens when we have a very short page, or little content.
    Try this code in the General Styling > Quick CSS field:

    
    .page-id-1041 #footer {margin-top: 250px!important; }

    It targets only that page, and you can change the height to suit.
    The other option is to add more content or an image and the end of the page :)

    Best regards,
    Mike

    #812671

    Hi Mike, this solution works, however its not very “beautiful”, as we will have to adjust height every time we add photos or projects. For example, with 250px margin on my screen I still see a large gap after footer and socket.
    Maybe there is a way to stick footer and socket to the bottom of the page without using margins?

    #812685

    Hi,
    We could try to make the grid element 100% visual height:

    .page-id-1041 .grid-sort-container {height: 100vh!important; }

    Best regards,
    Mike

    #812720

    Thanks Mike, I’ve applied this CSS, and now footer and socket are way below the viewport, please check here – http://tylo.comadev.noc.lv/sol-led-massazh/

    #812728

    Hi,
    That was the goal, you could change it to 50vh or 25vh

    Best regards,
    Mike

    #812803

    Thanks Mike!

    #812823

    Hi,

    Glad that Mike helped you, let us know if you need more assistance :)

    Best regards,
    Nikko

    #816929

    Hello, this issue is resolved. It was plugin PB SEO Friendly Images at fault. Some kind of conflict.

    #817044

    Hi,

    Thanks for sharing what’s causing the conflict and glad that it’s fixed. Thanks for using Enfold :)

    Best regards,
    Nikko

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Fix footer width and stick to bottom’ is closed to new replies.