fixing footer issues and adoption en page links

jhoude5 · Sep 28, 2024 · d3091ae · d3091ae
1 parent 6c655d4
commit d3091ae
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 6 deletions.
diff --git a/src/components/footer.js b/src/components/footer.js
@@ -7,7 +7,7 @@ const Footer = () => {
 
         <footer>
             <div className="container">
-                <div className="row">
+                <div className="row footer-wrapper">
                     <img className='footer-logo' src={logo} alt='logo' />
 
                     <ul className="footer-menu">

diff --git a/src/components/fr/footer.js b/src/components/fr/footer.js
@@ -7,7 +7,7 @@ const Footer = () => {
 
         <footer>
             <div className="container">
-                <div className="row">
+                <div className="row footer--wrapper">
                     <img className='footer-logo' src={logo} alt='logo' />
 
                     <ul className="footer-menu">

diff --git a/src/pages/adoptions.en.js b/src/pages/adoptions.en.js
@@ -17,7 +17,7 @@ const Adoptions = ({data, pageContext}) => {
             <h1>Adoptions</h1>
               {data.allContentfulAdoptions.nodes.map((item, index)  => {
                       return (
-                        <a className="adoptions--wrapper"href={item.urlPath}>
+                        <a className="adoptions--wrapper" href={`/en/adoptions/${item.names}`}>
 
                             <div className="adoption card col-md-4">
                                 <div className="adoption-teaser">

diff --git a/src/sass/components/footer.scss b/src/sass/components/footer.scss
@@ -1,5 +1,12 @@
 footer {
     margin-top: 40px;
+    .footer-wrapper {
+        display: block;
+        @media(min-width: 768px) {
+            display: flex;
+        }
+    }
+
     @media(min-width: 1024px) {
         margin-top: 100px;
     }

diff --git a/src/sass/components/menu.scss b/src/sass/components/menu.scss
@@ -7,10 +7,10 @@
     }
 }
 .bm-burger-button {
-    width: 50px;
-    height: 50px;
+    width: 25px;
+    height: 25px;
     position: absolute;
-    right: -34px;
+    right: -7px;
     top: 28px;
 
     @media(min-width: 992px) {