One menu for desktop and other for mobile menu

Hi, @christinerotic1980,
Please add the following custom CSS for the icon size issue:

.tg-primary-menu .tg-icon {
font-size: unset;
}

Furthermore, an option to change the spacing between menu item is available in the premium version only: https://docs.zakratheme.com/en/article/primary-menu-menu-item-overview-pro-10mm9cj/

Finally, we’re planning to add an option to show a different menu on mobile and each page in premium version in the upcoming update.

Thanks.

Hi,
The CSS is just working on desktop version, what about mobile menu?

Thank you

Hi @christinerotic1980
Please replace the previous CSS with the following CSS:

.tg-primary-menu .tg-icon,
.tg-mobile-navigation .tg-icon {
    font-size: unset;
}

thanks

@christinerotic1980
Great to hear that it worked for you.

Furthermore, if you like Zakra, you can help us by leaving a review here: https://www.ads-software.com/support/theme/zakra/reviews/