Changing the footer layout for the mobile version

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

PW: caviarbar

Hi, 

Using squarespace 7.1

I would like to rearrange the footer in the mobile version so the logo is at the very bottom. Right now, the logo is between the two text sections. However, I would like to keep it the same in the desktop version. Is this possible?

Desktop version:

Mobile version: (Would like the logo to come behind Make a Reservation)

Thank you in advance!

You can add 2 sections in Footer. Then we can give the code to show 1 footer on desktop, show 1 on mobile.

Hello,

I have made 2x footer sections. 

This is the mobile section:
section[data-section-id="65267c1e8b76e01727e57b42"]

I have added this CSS code but it's removing the mobile footer on mobile too?

I have /* remove mobile footer on desktop only */
@media screen and (min-width:780px) {
section[data-section-id="65267c1e8b76e01727e57b42"]  {
    display: none !important;
}
}

On 10/11/2023 at 5:58 PM, champagnecoffee said:

Hello,

I have made 2x footer sections. 

This is the mobile section:
section[data-section-id="65267c1e8b76e01727e57b42"]

 

I have added this CSS code but it's removing the mobile footer on mobile too?

 

I have /* remove mobile footer on desktop only */
@media screen and (min-width:780px) {
section[data-section-id="65267c1e8b76e01727e57b42"]  {
    display: none !important;
}
}

To remove this section on desktop, use this code instead

@media screen and (min-width:992px) {
section[data-section-id="65267c1e8b76e01727e57b42"]  {
    display: none !important;
}
}