Horizontal Menu Styling – Mega Menu

[stales]

Hi. I have purchased your theme and absolutely love it.

I’ve been able to make all the changes I need to get my site up and running.

I have one last item to clean up.  I’m using the “Mega Menu” option to display the menu horizontally.

I just need help finding out which CSS elements I need to update to change the padding between the menu items, as well as make the drop down menu be full width under the primary menu.  Can you please point me in the right direction.  Thank you in advance.

[Laura]

Hello, this should work for the padding between them

COPY CODE

ul.dropdown-menu.sub-menu.pull-left li {
    padding-left: 10px;
    padding-right: 10px;
}

With this you can control the width of the dropdown menu

COPY CODE

ul.dropdown-menu.sub-menu.pull-left {
    width: 100% !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[stales]

Thank you. This worked for me!

[Laura]

Glad it worked 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts