Docs

[Baywalk Mall]

Good day,

I’ve managed to get my mega menu at least somewhat decent looking with some CSS. Unfortunately, there’s some blank spaces which I just can’t seem to get rid of. Particularly between “Men’s Clothing” and “Restaurants & Specialty Foods” as well as between “Supermarket” and “Women’s Clothing”. Even without any custom CSS, these spaces are still there.

Would greatly appreciate some assistance with this.

Thanks,

[Rahul]

Hey There,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Baywalk Mall]

Hi Rahul,

The URL is http://www.baywalkslu.com

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[Baywalk Mall]

This reply has been marked as private.

[Nabeel A]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.desktop .x-nav .x-megamenu.col-4>.sub-menu>li {
    width: 23%;
}

Let us know how this goes!

[Baywalk Mall]

Thanks. I gave that a shot, but it hasn’t made a difference unfortunately.

[Jade]

Hi there,

Please try this:

.desktop .x-nav .x-megamenu.col-4>.sub-menu>li:nth-child(5n) {
    clear: none !important;
}

Hope this helps.

[Baywalk Mall]

Great, it worked perfectly.

On a similar note, I want to add icons to the megamenu links but when I do, they simply don’t show up. The code I’m using is:

<i class="x-icon x-icon-envelope"></i>

Is there any way of fixing this?

[Joao]

Hi There,

Please use this code instead:

<i class="x-icon x-icon-envelope" data-x-icon="" aria-hidden="true"></i>

Let us know if you need further assistance.

Joao

[Author]

Posts