- This topic has 11 replies, 4 voices, and was last updated 2 years, 3 months ago by Ying.
-
AuthorPosts
-
January 15, 2022 at 7:30 am #2081166Arif
Hello, I want to fix the footer problem. How do I do that? This footer shows a different position. I want to need this footer fixed position.i want this footer show on all pages in the same position. Kindly check the attachment.
January 15, 2022 at 11:31 am #2081464LeoStaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-informationLet me know ๐
January 15, 2022 at 11:45 am #2081480ArifHere is my website,check it .
January 15, 2022 at 12:19 pm #2081503YingStaffCustomer SupportHi Arif,
Try this CSS:
@media (min-width: 769px) { .site-footer { position: fixed; left: 0; right: 0; bottom: 0; } }
Adding CSS: https://docs.generatepress.com/article/adding-css/
January 15, 2022 at 10:24 pm #2081786Arif1. I apply your code.it working, But When I scroll down on my website, I noticed that the footer menu shows fixed in one placed, it is not hidden when I scroll down it. ( ATTACHMENT 1)
what i need: suppose when I visit generatepress website front page on any post and scroll down ( Footer Menu ) does not show. It is only show on page and post ending (last) part. When page scrolling finished that time generatepress footer show.
Please, check the attachment file, you understand everything clearly.
January 16, 2022 at 5:13 am #2081932DavidStaffCustomer SupportHi there,
Remove the CSS that Ying provided.
Then can you share a link to a Page where we can see the problem with the Footer position.January 16, 2022 at 5:22 am #2081941Arifcheck it, now I removed Ying-provided CSS code. But when I remove the CSS code ( footer Position Change). Check my website’s Home page, Accessories, and reviews page. Then you understand better. Home page Footer position is okay. But the other page Footer position changed.
January 16, 2022 at 5:53 am #2081974DavidStaffCustomer SupportThe footer moves up because there is no content on those other pages.
I suggest you build those pages out with some content.January 16, 2022 at 6:07 am #2081985ArifKindly check my website ( Contact Us ), Here is the content. But it is shows a white area under the footer.
But when I set up Ying-provided CSS code. That time it is work perfect. Just it is not hidden when i scroll on-page and any post.
January 16, 2022 at 11:28 am #2082412YingStaffCustomer SupportTry this CSS instead:
@media (min-width: 769px) { div#page { min-height: calc( 100vh - 225px); } }
225px
is the total height of the header and footer, if your footer/header height changes, it’s better to updated the value.January 16, 2022 at 11:42 am #2082419ArifYou are Awsome and Expert. Many Many thanks. Problem finally solved by you. Again, Thanks.
January 16, 2022 at 12:39 pm #2082478YingStaffCustomer SupportYou are welcome ๐
-
AuthorPosts
- You must be logged in to reply to this topic.