Aleš Sýkora wrote

Footer at the bottom of page Oxygen Builder

2. 12. 2020 in ,

If you need to push your footer section to the bottom (for responsive design) use this in your custom CSS in Oxygen Builder.

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  display: flex;
  flex-direction: column
}
html {
  height: -webkit-fill-available;
}
footer {
margin-top:auto;
}

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

More from category
Aleš Sýkora wrote
Custom SCROLLBAR with Oxygen Builder
7. 12. 2020 in ,
Are you looking for some cool scroollbar, like on CSS-Tricks website? for a specific DIV use this in your custom CSS: for a whole document use body instead.
Read More
Aleš Sýkora wrote
Redirect non logged users to login page
Situation: Website with pages restricted only to logged in users and we do not use toolset content templates but Oxygen Builder. We are hiding the content to the non-logged in users with Oxygen conditionals but we would like to redirect user to the login page instead of displaying login form on every restricted page. Code […]
Read More
Aleš Sýkora wrote
Featured products query WooCommerce
11. 4. 2021 in
If you are using your own queries for WooCommerce stores, for example in Oxygen builder’s custom code block then you may need query for featured products. You can use the query I am using inside my product sliders :-).
Read More
magnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram