menu mobile background from header builder not correct

digital-top

Hello

I set the background color of the mobile menu as green #062818

But as you can see the background is white ...

Or I am doing anything wrong?

Also as you can see and as I've already told you the logo from mobile under 400px is really too small - is there anything that we can do to solve that?

Thank you!

Phil

Hello,

This looks like another bug with Header Builder, and thank to you we will notted it and fix as soon as possible.

For now, please, try to use the following Custom CSS Code.

.mobile .mhb-menu .menu{
   background: black!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

digital-top

Ok great! thank you!

One other thing that you should fix it's the possibility to choose the breakdown point in screer resolution to switch the mobile menu. I think you told me that it's not possibile now. Is it still like that?

Thank you

Phil

Unfortunately, it is impossible to do that for now like you mentioned.

But if you have not done this before, please, post your idea in the following topic.

https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

digital-top

Ok I will do for sure. So you confirm that there is no CSS work around for that?

Thank you

Phil

Sorry, but there is no Custom CSS Code for that, and only workaround for that is to modify Header Builder files, but we do not provide support with that.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

digital-top

Ok thank you anyway. I've opened the discussion in the forum you suggested.

Thank you

digital-top

Hi there,

I found out that I have the same bug in tablet men background.

You gave me this code to fix background from mobile:

1. .mobile .mhb-menu .menu{
2.    background: black!important;
3. }

Can you give me the same for tablet? Otherwise the background is white.

Also with resolution from 960px to to 1239px this is what I see

There is really no way to fix that ?

Thank you very much

Phil

Please, try to use the following CSS Code instead of the previous one.

@media (max-width:1240px){
   .menu{
 background: black!important;
 }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

digital-top

Thank you.

It works fine.

Nothing to do for the other issue, right?

Thank you

Phil

Please, check you use the following CSS Code will make the display as you wanted it to be

@media screen and (max-width:1240px) and (min-width: 960px){
   .mhb-item{
      margin: 0!important;
   }
   .mhb-col:last-child{
      width: 25%!important;
   }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

digital-top

Dear Phil!

That't much better! Really great! Thank you very much!!!