Logo and Mobile Hamburger menu stacking on mobile?

Support
#1

Hello,

Not sure why logo and Menu icon are stacking on mobile/tablet.
Tried reducing the logo size for small screens but still stacking weirdly (Logo left/menu icon right)
Did add some code to have logo spacing aligned with navigation on larger screens (margins), is that what is causing the issue? Even if I remove the code, still stacks on mobile…

Thanks for your help.

#2

Hey Isabelle,

Thanks for writing in! I can see that you have added this custom CSS:

/* bigger hamburger */
.ubermenu-skin-minimal.ubermenu-responsive-toggle {
  color: #fff;
  text-transform: none;
  font-weight: normal;
  font-size: 40px;
}

You can add max-width: 120px; margin-top: 0.75em; float: right; to your code to make it look like this:

Screenshot 2025-09-11 at 1.44.56 PM
Screenshot 2025-09-11 at 1.44.56 PM1272×1076 135 KB

Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.