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

Hi Hung PD,

Thank you for your help. The code you provided fixed the issue I reported. As advised by you, I also increased the header height, so the first problem is solved and out of the way.

I have some other questions and problems to solve and I don’t know whether it’s more appropriate to start a new topic on the forum or to continue the conversation here. Please, excuse me if I’m doing the wrong thing. So, here’s a short list of my questions:

1. Despite the fact the “Enable short description” option is “ON” (“Elements” subsection of the “Single Product” section of the “Theme Settings” page), the short description text does not appear on the single product page. Attached you will find a screenshot. How can I fix that issue?
2. On the Shop page grid, products with longer product names cannot be displayed. Attached is another screenshot showing that only part of the product name is visible. A possible solution would be to have the product name displayed on two lines.
3. The problem described above occurs only when the product grid displays 3 or 4 items on each row. When 2 items are displayed on a single row, there’s enough space for the full product name, at least for most of the products. Do you think it would be possible to generally hide or disable the option for displaying 4 items per row in the grid?
4. Why are related products not displayed, despite the fact the option is activated?
5. Size charts are NOT displayed, despite the fact a size chart is created and selected for a product. Why is that? For example, you can check this product:

https://safe2wear.bg/product/bwolf-delta-%d0%bb%d1%8f%d1%82%d0%bd%d0%be-%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%bd%d0%be-%d1%8f%d0%ba%d0%b5-3/

6. I cannot control the position of the breadcrumb on the product page. Why is that?
7. I cannot control whether the stock progress bar is enabled or disabled – it is displayed no matter what option I choose.

I have some more questions, but I will stop here for now. Please, let me know if it’s more appropriate to start new support forum topics and ask questions there.

Thank you in advance for your help. Looking forward to hearing from you!

Best regards,
Angel

Attachments:

You must be logged in to view attached files.

Hi angel.stankov,

Thanks for your patience.

Admin details are incorrect, please double check. https://ibb.co/nNWDhtns

Regards,
Hung PD

Hi Hung PD,

It’s strange you couldn’t log in as I hadn’t modified the credentials. Yet, I changed the password for the XTemos user and I am sending you the new login detail.

Looking forward to hearing from you!

Best regards,
Angel

Hi angel.stankov,

Thanks for your patience.

1, 4, 5. You are using a Custom Single Product layout and product archive layout, which is built with WoodMart WooCommerce builder.

Navigate to Layouts > edit the single product layout and add Product short description element to show it and use Products (grid or carousel)element and ensure the Data Source is set to Related Products, you can use Size guide element as well.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

2, 3. Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

[class*="title-line-"] div.wd-product .wd-entities-title {
    max-height: calc(var(--title-line-count, 1) * var(--title-line-height, 2.4em));
    line-height: var(--title-line-height, 1.4em);
}

6, 7. You can see #1 answer for more details.

Regards,
Hung PD

[Author]

Posts