css home fixe

web/themes/custom/colloque2024/css-compiled/index.css

@@ -514,7 +514,6 @@ footer h2 {
 
 body #content-ontop {
   position: relative;
-  top: -1400px;
   padding-top: 5rem; }
   @media screen and (max-width: 300px) {
     body #content-ontop {
@@ -523,8 +522,7 @@ body #content-ontop {
 body #background-animated {
   width: 100VW;
   z-index: -1;
-  position: relative;
-  left: -400px; }
+  position: absolute; }
 
 article.publications, article.interviews {
   margin-top: 1rem; }
@@ -710,23 +708,23 @@ header #block-colloque2024-mainnavigation ul li {
         #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
           font-size: 1.5rem;
           order: 4; } }
-    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
+    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
       text-transform: uppercase;
       font-family: 'Mariannebold';
       font-size: 3.5rem;
       grid-column: 5 / span 7;
       grid-row: 3; }
       @media screen and (max-width: 300px) {
-        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
+        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
           font-size: 1.5rem;
           order: 2; } }
-    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
+    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
       text-transform: uppercase;
       grid-column: 5 / span 7;
       grid-row: 1;
       font-size: 2rem; }
       @media screen and (max-width: 300px) {
-        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
+        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
           font-size: 1.5rem;
           order: 1; } }
 

web/themes/custom/colloque2024/css-compiled/pages/layout.css

@@ -8,7 +8,6 @@
 
 body #content-ontop {
   position: relative;
-  top: -1400px;
   padding-top: 5rem; }
   @media screen and (max-width: 300px) {
     body #content-ontop {
@@ -17,8 +16,7 @@ body #content-ontop {
 body #background-animated {
   width: 100VW;
   z-index: -1;
-  position: relative;
-  left: -400px; }
+  position: absolute; }
 
 article.publications, article.interviews {
   margin-top: 1rem; }

web/themes/custom/colloque2024/css/pages/layout.scss

@@ -11,7 +11,7 @@ main:not(.home) {
 body {
  #content-ontop{
  position: relative;
- top: -1400px;
+//  top: -1400px;
  padding-top: 5rem;
  @media screen and (max-width: 300px) {
   padding-top: 2rem;
@@ -20,8 +20,8 @@ body {
  #background-animated{
   width: 100VW;
   z-index: -1;
-  position: relative;
-  left: -400px;
+  position: absolute;
+  // left: -400px;
  }
 }
 

web/themes/custom/colloque2024/template/page--front.html.twig

@@ -61,9 +61,7 @@
 
   <main role="main" id="mainHome" class="d-flex container home">
     <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
-
-    <div class="layout-content">
-      <div id="background-animated" >
+<div id="background-animated" >
         <svg
           width="1900"
           height="1500"
@@ -184,6 +182,8 @@
         </svg>
 
       </div>
+    <div class="layout-content">
+      
       <div id="content-ontop">
         <div>
         {{ page.content }}