WoodMart theme mega menu question
-
Dear Support Team,
I have a question regarding the mega menu of the WoodMart Megamarket theme. On a website I’m currently working on, I have 9 items in the mega menu and most of them are two-word phrases. This leads to space related problems in the menu – due to the phrases length, when the website is displayed on smaller screen resolutions, the menu goes into two separate lines (attached is a screenshot for your reference) with the last several menu items displayed on a second menu line. I need all menu items to be in one level. A quick and easy solution to my problem would be having each of the mega menu item phrases written on two separate lines. Attached is a screenshot from another website, that will give you a better idea about the solution I am looking for. Being able to have the menu item images/icons bigger than in the original theme would be perfect.
The website is currently under construction (with a under construction plugin) and will require for you to log in in order to check the situation yourself.
Please let me know whether there’s a solution for that issue!
Best regards,
Angel
Attachments:
You must be
logged in to view attached files.
Hi angel.stankov,
Thanks for reaching to us and appreciate your patience.
To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.
Regards,
Hung PD
Hi Hing PD,
I’m sending you the temporary admin login details to the Safe2Wear website. As you did not provide an e-mail address for that temporary login, I will use one of my e-mail addresses.
I hope I managed to explain what I need for the Mega Menu of the website. Let me know if there is any need for clarifications.
Best regards,
Angel Stankov
Hi angel.stankov,
Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.wd-header-nav > ul > li {
flex: 1 0 0;
text-align: center;
margin: 5px 0;
}
You also need to increase the header height as well.
Regards,
Hung PD
.
