Center Submenu in Responsive Mode

TheSilverBoxAgency · July 2024

Hey Phil! I can't find any settings in this template builder to center the submenu items, only to enter the text WITHIN that container, not the container itself. It looks quite ugly as it stands right now, please advise.

Thanks!

https://keegans21.sg-host.com

Phil · July 2024

Hi,

You have a Cooming Soon page enabled:

Can you disable it for a while?

Best regards

TheSilverBoxAgency · July 2024

Disabled. Please advise.

Phil · July 2024

Please go to Betheme -> Theme options -> Custom CSS & JS -> CSS, and remove the following CSS code:

And add this CSS code:

.mfn-header-tmpl .mfn-header-menu .mfn-submenu{
   background-color: transparent;
   box-shadow: unset;
}
.mfn-header-tmpl .mfn-header-menu .mfn-submenu li a{
   color: #fff;
}

Best regards

TheSilverBoxAgency · July 2024

That doesn't work well. Now the submenu on nonresponsive is 2 lines (made 260 to be one line) and now there's no background, either. Please advise.

Phil · July 2024

Please replace the code I have sent you with the following one:

@media only screen and (max-width:767px){
  .mfn-header-tmpl .mfn-header-menu .mfn-submenu{
  background-color: transparent;
  box-shadow: unset;
}
.mfn-header-tmpl .mfn-header-menu .mfn-submenu li a{
  color: #fff;
}
}

Best regards

Center Submenu in Responsive Mode

Comments