Stacked Mobile Footer

Site URL: https://alexandrahall.squarespace.com

Hi everyone,

I'm trying to make my footer nav in mobile version stacked on top of each other or "column" style instead of next to each and bunched together. Any idea what the code would be for this. I'm only trying to make it the stacked style in the mobile version. Thanks so much!

Password to website: brineintopedro

10 hours ago, thirdeyegyps said:

Site URL: https://alexandrahall.squarespace.com

Hi everyone,

I'm trying to make my footer nav in mobile version stacked on top of each other or "column" style instead of next to each and bunched together. Any idea what the code would be for this. I'm only trying to make it the stacked style in the mobile version. Thanks so much!

Password to website: brineintopedro

Add to Design > Custom CSS

/* Mobile-Footer-Nav links */
@media screen and (max-width:640px) {
.Footer-nav-group {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
a.Footer-nav-item {
    width: 100% !important;
    line-height: 1em;
}
}

18 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Mobile-Footer-Nav links */
@media screen and (max-width:640px) {
.Footer-nav-group {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
a.Footer-nav-item {
    width: 100% !important;
    line-height: 1em;
}
}

 

Tuanphan. you rock. One more question for you, how would I get the buttons on the Home, Science, and About page to go directly under the images rather than stacked on top of each other below the group of images? I cannot figure this out  for the life of me. Thanks!!!

password: brineintopedro

On 5/17/2021 at 11:08 AM, thirdeyegyps said:

Tuanphan. you rock. One more question for you, how would I get the buttons on the Home, Science, and About page to go directly under the images rather than stacked on top of each other below the group of images? I cannot figure this out  for the life of me. Thanks!!!

password: brineintopedro

Hi. Which buttons? Can you take a screenshot. I see many buttons..

13 hours ago, tuanphan said:

Hi. Which buttons? Can you take a screenshot. I see many buttons..

Yes of course. The three buttons on the home page. They look great on the home page. However, when I go to view it in mobile the buttons stack. I attached a photo!

7 hours ago, thirdeyegyps said:

Yes of course. The three buttons on the home page. They look great on the home page. However, when I go to view it in mobile the buttons stack. I attached a photo!

You want the button to be below the corresponding image, on mobile?

20 hours ago, tuanphan said:

You want the button to be below the corresponding image, on mobile?

Yes, correct!

On 5/20/2021 at 9:28 AM, thirdeyegyps said:

Yes, correct!

Will need to adjust a bit your layout. No need to use code. Can you duplicate the site & add me as a contributor (Content Editor is enough) on the duplicated site? I think I will make a video on how to adjust layout.

7 hours ago, tuanphan said:

Will need to adjust a bit your layout. No need to use code. Can you duplicate the site & add me as a contributor (Content Editor is enough) on the duplicated site? I think I will make a video on how to adjust layout.

Yes I just duplicated it! What is your email so I can send contributor request? 🙂

On 5/22/2021 at 1:22 AM, thirdeyegyps said:

Yes I just duplicated it! What is your email so I can send contributor request? 🙂

Sent to your message