Ubermenu tweaks

[isdg01]

Hi, I have been working on customizing my Ubermenu for mobile and am running into some difficultly.

First, I have found a post saying that to adjust the size of the hamburger menu I should adjust the Responsive Toggle Font Size. It won’t change size no matter what number I put in. How can I get this to increase in size? It’s really small even for the smaller phone sizes.

Second, I want the hamburger menu to be closer to the right side. I have found some CSS that is working for most displays, but not for all. Using Chrome Inspect, it shows in the middle of the screen for iPad and disappears completely for Galaxy Fold. How can I get it consistently on the right side of the screen?

Thanks in advance,
Dawn

[tristup]

Hi Dawn,

Thanks for reaching out.
The Hamburger menu is properly right-aligned to its container, which is centrally aligned. To make that Hamburger menu aligned right, please increase the width of the container marked in the screenshot.

To increase the size of the Hamburger menu, you need to add the following custom CSS code into the Theme Options > CSS.

.ubermenu-skin-minimal.ubermenu-responsive-toggle
{
    font-size:20px !important;
}

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[isdg01]

OK, after looking at this more closely I finally figured out that it was the way my containers and the elements inside of the container were setup that was interfering with the hamburger position. It’s working correctly now

[ruenel]

Hello @isdg01,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.