Pro menu flex alignment per viewport

[KEXINO]

Hi all,

Hopefully a super-easy one for you guys: I have a Pro menu with a Container set to align-horizonal: Start. I want the flex-align horizontal to change to S-between at viewport sizes smaller than 767px.

Rather than create 2 containers and mess around with hiding each at specific breakpoints, can you please outline the media query CSS I need?

Thanks in advance!

[ruenel]

Hello Gee,

Thanks for writing in! If that is the case, in your container settings, find the “Customize” tab and insert this inline element css:

@media(max-width: 767px){
  $el.x-bar-container {
    justify-content: space-between;
  }
}

We would love to know if this has worked for you. Thank you.

[KEXINO]

Perfect! Exactly what I was looking for.

Thanks so much.

[ruenel]

You’re welcome!
It’s good to know that it has worked for you.