Adding custom bullets to sub menu

Support
#1

Hi,

I want to add custom bullets to the submenu on my main menu.

The destinations drop down has different countries in it. I want to add custom bullets to the start of those countries.

When I add a custom bullet the bullet is very far to the left and I can’t seem to get it to be inside the box next to the country name.

The URL for the Cambodia custom bullet is as follow if you want to have a try.

Cheers

Kev

#2

Hey Kev,

Try adding the images to the actual menu item using the <img> html tag like this:

<img src="https://twotalltravellers.com/wp-content/uploads/2019/07/Cambodia-Bullet.png" /> Cambodia

Then add this code in X > Theme Options > CSS to add a bit of space from the image to the destination text:

.x-navbar .desktop .sub-menu li a img {
    margin-right: 8px;
}

Then the result should look like this:

Hope this helps.

#3

That worked perfectly. Thanks very much

#4

Glad to hear that. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.