How can I make the menus to be in a single lines not above one another,
-
How can I make the menus to be in a single lines not above one another, and when the menu number exceeds it should show others or more where the visiters can click and see their desired menu in drop down.
Kindly refer to the screenshot.
Attachments:
You must be
logged in to view attached files.
Hi sannatidigital,
Thanks for reaching to us and appreciate your patience.
Navigate to Theme Settings > Typography > Advanced > create such a rule – https://prnt.sc/r_wWeUZcxm03 and change the color, font in the fields below.
Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/
Regards,
Hung PD
Thanks for reply but it did not solve what I was looking for.
What I wants is all my product categories to be shown on the top menu in red circle refering to the screenshot. When I applied your suggested method it is still in to two lines and no option for others clickable link that will show the rest. also one product category is hidden with new settings. I have 11 product category and may reach up to 15 or more. I am sending the back end photo and also the website you can also visit the url of the site. I will also share our competitor website where all of his categories are shown in a single line in the menu.
Attachments:
You must be
logged in to view attached files.
Hi sannatidigital,
I am appreciate your patience.
To assist you in the best possible manner, I kindly ask that you provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.
Regards,
Hung PD
Hello,
I have tried what you suggested it let me change the font style and color etc but still the menu is in two raws, actually I put mu product category on the main menu and I need it to be in a single raw kindly refer to the screenshot and link of my website, thanks.
Attachments:
You must be
logged in to view attached files.
Hi sannatidigital,
To assist you in the best possible manner, I kindly ask that you provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.
Regards,
Hung PD
Hi sannatidigital,
Thanks for details.
1. Navigate to Theme Settings > Typography > Advanced to reduce font-size
2. And you can use below CSS codes to reduce the gap between menu items
.wd-nav.wd-nav-main {
--nav-gap: 10px;
}
Regards,
Hung PD
-
This reply was modified 1 month ago by
Hung Pham.
hello again.
Dear Hung thanks, kindly carefully read my message and also the two screenshots.
I have followed your instructions to change the font size it worked refering to the first screenshot menu 1, but as soon as I added two new product categories it again became two raws, kindly suggest a solution where we can have the rest of the categories under the text (others) as I mentioned in menu 1 screenshot image. the second image is where you can see two new product categories added and it became 2 raws again. I also need to keep the siwe bigger as customers complain for the menu titles being small, thanks.
Attachments:
You must be
logged in to view attached files.
Hi sannatidigital,
The more menu items added, the smaller the font size becomes. I kindly recommend using fewer menu items and incorporating a dropdown menu instead.
Regards,
Hung PD
