width for dropdown menu on topbar

Hello,

Thank you for reaching out to us!

There is no built-in option to adjust the topbar menu’s dropdown width. What you can do is add custom CSS code in Theme Options:

.kad-topbar-menu ul {
    min-width: 25em;
}

You can adjust the value for the min-width CSS property.

Hope this helps and let us know if we can assist you further.

Best Regards,
Karla

Apologies for my belated reply.

This was perfect, thank you so much!

(I had tried a couple of amendments in Theme Editor before I contacted you but code not really my forte.)

Cheers, H>

Hi, help, please!

I was delighted with the additional topbar menu width but today I discovered all chrome browsers on desktop are now displaying the site with a mobile menu.

I removed the .kad-topbar-menu code from the Theme Editor but the problem persists. No amount of cache clearing etc has helped.

Vivaldi, Opera, Chromium and and Edge all display mobile menus. Although Torch displays the proper, desktop menu. And of course, Firefox is displaying the desktop version.

Thanks a million, H

Hi, problem resolved.

So sorry, this was nothing to with the theme. ( I should have known.)

There’s a setting in Windows to make text bigger. I had moved this from 100% to 125%. Which caused all the chrome browsers to display a mobile menu in the desktop version of the site.

Thanks for your time. And for making brilliant themes.

H

Glad this is solved! Let us know if there’s anything we can help you with.

Best,
Hannah