- This topic has 11 replies, 3 voices, and was last updated 9 years ago by
.
Viewing 12 posts - 1 through 12 (of 12 total)
-
Posts
-
What's the preferred method to making the footer "stick" when there is not much content on the page? If there is not enough content, the footer is not drawn properly, sometimes it's in the middle of the page instead of relative to the browser's end.Please try adding the given css from wp-admin -> appearance -> customize -> custom css: section#content .content { min-height: 100vh; }Hi, this is not working for me... I'm using the OneCourse Child theme please see the attached screenshot...CAn you share the url of your site . YOu can also share the url of your site in a private reply if you want it to be private .Remove all other css and try adding this css : section.main { min-height: 100vh; } We need a url of the page where the issue is appearing to provide you the exact css >He is correct, it will break the homepage because the layout looks like this: <section id="content"></section> <section class="stripe"></section> <section class="main nextstripe"></section> <section class="stripe homesixsections"></section> <section class="main nextstripe"></section> <section class="stripe homemain"></section> There is no content in the "content" section, and will just create a large whitespace. On other pages, it will work because the content is within that section. Example, a course page would have the following layout:
<header class="fix fixed"></header> <section id="content"></section> <footer></footer> <div id="footerbottom"></div>
As you can see, there is no "main" in any of the divs or sections.Please note that different child themes and page templates have diffrent domes so to provide the specific css we need either site url or the page template name for that page and the child theme name .
Viewing 12 posts - 1 through 12 (of 12 total)
- The topic ‘Sticky Footer’ is closed to new replies.