How to Centered Mega Menu
-
Hi Sir,
I have created A mega Menu in Html Block and then added the mega menu under the shop with custom width and now the mega menu is on the right side. how to make the mega menu in the middle.
So I have added two images below in image 1 as you can see the mega menu is on the right side and in image 2 that’s how I want the mega menu in the center
Attachments:
You must be
logged in to view attached files.
Hello,
Regarding your mentioned concern, please apply the following CSS on your Site under the Dashboard > Theme Settings > Custom CSS > Global Custom CSS:
.wd-dropdown-menu {
right: -30em !important;
left: auto !important;
}
Hopefully, it works out for you 🙂
Best Regards
Hi Sir,
Thank you So much. it Works Successfully but I want the dropdown menu a little bit more to the left. like in Complete center.
Thank you
Hello,
We are glad that we could be of some help 🙂
You can tweak a little in the CSS to do that. Try decreasing the value of the “right” property in the CSS and it might further work for you. Something like:
.wd-dropdown-menu {
right: -25em !important;
left: auto !important;
}
We have tried on our end -25em value seems to be making it exactly centered. But you can try yourself too and choose the value that best suits you.
Best Regards.
Hello Thank you So Much its working
Most Welcome!!!.
I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.
We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.
Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards.
The topic ‘How to Centered Mega Menu’ is closed to new replies.
.
