Ahoj,

problem is after update to new Helix3 - for all templates you have to use this same fix custom CSS code.

@media screen and (max-width: 680px) {
#sp-header > container > .row {flex-wrap: wrap; display: flex;}
#sp-logo  {flex: 0 0 40%; max-width: 40%;}
#sp-menu {flex: 0 0 59%; max-width: 59%;}
}

Then it will be fixed. Remember that your sites have JCH_Optmize compression & cache.

Hi there!

If I may. I have checked the first site... Please use the following code in your custom CSS:

#sp-mobile-header .row {
    display: flex;
}
#sp-menu2{
    flex: auto;
}

Hope this will solve this issue for you...

Best Regards

Sorry, but it dont help. Now the menu is in center, and not in one row with logo. Any solution?

Rashida Rahman. Thank you, your solution work for one site, but for otherit dont work.

As your sites have different header structure and ID's, that is why code varies.

For your second site this is the code:

#sp-top-bar .row, #sp-header .row {
    display: flex;
}
@media only screen and (max-width: 767px){
#sp-header {
    top: 80px!important;
}
}
#sp-menu {
    flex: auto;
}

Sorry for mentioning your site URL, removed now!

Sorry, yes I change IDs and it work. Thank you very much!

You are welcome!

For third site the following code seems enough:

#sp-header .row {
    display: flex;
}

I have checked the fourth one just now. It seems you have already added some code there.

Only the following may help the offcanvus position better:

#sp-menu {
    flex: auto;
}

In some I have now problem. The position is not on the right, I dont know why. Please chceck it.

And on the 3. site I set hide fot positions top1, top2 in mobile, but it dont help. Why?

For third one if you do not want the topbar then use this:

@media only screen and (max-width: 767px){
#sp-top-bar {
    display:none;
}
}

And remove the following code snippet that I have given you earlier:

@media only screen and (max-width: 767px){
#sp-header {
    top: 80px!important;
}
}

For second one your menu 2 portion gets center alignment as it has col6 class, so please use this:

#sp-menu2 .sp-column {
    justify-content: end;
}

For the first one you may forgot to apply:

#sp-menu {
    flex: auto;
}

I have mentioned in my earlier reply though.

Best Regards

Perfect :) Thank you Rashida Rahman for your help.

You are always welcome:)