MENU AND MEGA MENU POSITION – AS YOUR COFFEE DEMO PAGE

Dear Sirs hi.

RE: https://woodmart.xtemos.com/demo-coffee/demo/coffee/

We want to creade a menu (and mega menu) similar to that demo theme.

By saying similar we mean the fact that the actual menu is not full from left to right and not sticked to the top.

I enclose a screen shot indicating exactly the above.

Could you please advise us how to achieve this? Is it build with Elementor not using your mega menu?

How about SEO influance providing it is built with Elementor.

Thanking you in advance

Georgios

Attachments:

You must be logged in to view attached files.

Hello,

To create a menu similar to the one in the Coffee demo, follow these steps:

Navigate to: Appearance > Menus
Edit the main menu
Expand the menu item where you want to add the dropdown
Select the HTML Block for customization
Here is a visual reference: https://ibb.co/8nyJKWym

For detailed instructions, please check our documentation on creating a Mega Menu:
https://xtemos.com/docs-topic/create-mega-menu/

To create header effects similar to the demo, Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9

Click on the Settings button and enable the “Make it overlap” option and “Make it boxed” https://prnt.sc/t9tDLt8KWk82 > https://prnt.sc/1p60FbT7tCPP

Please refer to this article https://xtemos.com/docs-topic/woodmart-header-builder/

Regarding SEO, using Elementor for the menu should not have a significant negative impact.

Best Regards

Dear Awan

Thank you for your reply.

We do know how to create a mega menu and how to make it transparent within the hero image – no problem here.

Please pay attention:

My question is how to achive that menu to be in the way that appears in the theme coffee, as with the screenshot I have sent marked with the red indications i.e. the menu detached from top and right left.

Thank you again for your support.

Best regards
Georgios

Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards.

Hi. there.

I am sorry but sharing admin login is not an option.

Best regards
Georgios

Hello,

Please see this video for better understanding: https://uploadnow.io/f/24Lk6Gx

Best Regards,

Hello and thank you for the video.

Yes, this is now clear.

One last thing please. Is there a way to make the style of the menu and thus the border type round say 30px ?

Best regards
Georgios

Hello,

Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9 and Configure Main menu settings and in the style tab choose the available menu style: https://prnt.sc/9V6efcVrF9Yg

Best Regards,

Hello.

Sorry for missunderstanding – I enclose a screenshot of what we want to achieve. Is it feasable?

Georgios

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the URL of your site so I can check and give you a possible Custom CSS code?

Best Regards,

Here is our site url

Hello,

Try to add this code to the Theme Settings > Custom CSS > Global:

.whb-general-header {
    border-radius: 30px;
}

Best Regards,

Dear Awan hi.

Thank you for your support . We have managed to work everything out.

This topic is now closed succesfully.

Best regards
Georgios

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts