Tagged: footer
-
AuthorPosts
-
June 24, 2017 at 4:51 pm #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.JPGThank you very much!
June 24, 2017 at 6:25 pm #812476Hey 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,
MikeJune 24, 2017 at 6:48 pm #812486Hi 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!
June 24, 2017 at 7:50 pm #812495Hi,
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,
MikeJune 24, 2017 at 7:53 pm #812496Hi 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 widthJune 24, 2017 at 8:33 pm #812505Hi,
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,
MikeJune 24, 2017 at 9:15 pm #812522Thank 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!
June 24, 2017 at 9:52 pm #812534Hi,
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,
MikeJune 25, 2017 at 1:52 pm #812671Hi 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?June 25, 2017 at 2:36 pm #812685Hi,
We could try to make the grid element 100% visual height:.page-id-1041 .grid-sort-container {height: 100vh!important; }
Best regards,
MikeJune 25, 2017 at 4:46 pm #812720Thanks 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/
June 25, 2017 at 5:07 pm #812728June 25, 2017 at 8:42 pm #812803Thanks Mike!
June 25, 2017 at 10:12 pm #812823Hi,
Glad that Mike helped you, let us know if you need more assistance :)
Best regards,
NikkoJuly 5, 2017 at 11:19 pm #816929Hello, this issue is resolved. It was plugin PB SEO Friendly Images at fault. Some kind of conflict.
July 6, 2017 at 5:49 am #817044Hi,
Thanks for sharing what’s causing the conflict and glad that it’s fixed. Thanks for using Enfold :)
Best regards,
Nikko -
AuthorPosts
- The topic ‘Fix footer width and stick to bottom’ is closed to new replies.