Vertically center align footer logo with menu text

Site URL: https://snflwragencies.com/

Hi! 

I'm editing the footer at https://snflwragencies.com/ and I'm trying to vertically center-aligned logo with the text.

This is how it looks right now: 

Clearly, you can see that the menu is not center aligned with the menu.

My original idea was to make it look like this: 

How can I solve this? Thanks in advance 🙂

I was able to vertically center the logo and text with this code:

section[data-section-id="623135206e234714222033f9"] .row {
  display: flex;
  align-items: center;
  justify-content: center;
}

But now the logo is hiding on mobile view, how can I solve that?

On 3/16/2022 at 9:48 AM, Maritu said:

I was able to vertically center the logo and text with this code:

section[data-section-id="623135206e234714222033f9"] .row {
  display: flex;
  align-items: center;
  justify-content: center;
}

But now the logo is hiding on mobile view, how can I solve that?

The logo is fine here. Did you solve it?

13 hours ago, tuanphan said:

The logo is fine here. Did you solve it?

HI! Thanks for replying. Yes I solved the logo problem because I created 2 sections one for mobile and another one for desktop. 

In case someone comes across this topic, you can hide a desktop section with this code:

@media only screen and (max-width:767px) {
section[data-section-id="Your Section ID here"]
{display:none}
}

And you can hide a mobile section with this code:

@media screen and (min-width: 768px) {
section[data-section-id=“Your Section ID here”] {
 display:none !important;
  }
}

And use this tool to find section id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en