website: Fixed issue with title being overlapped by breadcrumb
diff --git a/websites/site/lucenetemplate/styles/site.css b/websites/site/lucenetemplate/styles/site.css
index 590935a..407d7b5 100644
--- a/websites/site/lucenetemplate/styles/site.css
+++ b/websites/site/lucenetemplate/styles/site.css
@@ -112,10 +112,13 @@
margin: 0 0 10px;
margin-bottom: 2rem;
}
-/* hack for issue with padding disappearing in middle 2 sizes */
+/* hack for issue with padding disappearing in middle 2 sizes on home page */
@media screen and (max-width: 1200px) {
#intro .container {
- padding-top: 50px;
+ margin-top: 80px;
+ }
+ #intro.home-section .container {
+ margin-top: 50px;
}
}
@media screen and (max-width: 750px) {
@@ -123,8 +126,26 @@
margin-top: 0px;
}
#intro .container {
- padding-top: 0px;
+ margin-top: 0px;
}
+ #intro.home-section {
+ padding-top: 1px;
+ }
+}
+
+/* hack for issue with title being overlapped by breadcrumb in middle 2 sizes */
+@media screen and (max-width: 1200px) {
+ div.body-content, div.contribution {
+ margin-top: 50px;
+ }
+}
+@media screen and (max-width: 750px) {
+ div.body-content, div.contribution {
+ margin-top: 0px;
+ }
+ div.body-content {
+ padding-bottom: 30px;
+ }
}
.project-links {
