I’m trying to create a menu for my wordpress site, and when I’ve entered the shortcode, the menu appears differently three different ways. I would like the menu to look like this page: https://pickyourpropfirm.com/account_size/100k/ with the addition of all the check boxes starting on the same row, but the same code appears differently on this page: https://pickyourpropfirm.com/prop-firm-template/, and even worse on the home page: https://pickyourpropfirm.com/, the CSS for the menu plugin looks like this:

.searchandfilter .filters {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adds space between filter groups */
}

.searchandfilter .filter-group {
    flex: 1;
    box-sizing: border-box; /* Ensure padding/margin are included in the width */
}

.searchandfilter ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.searchandfilter li {
    margin-bottom: 5px;
}

.searchandfilter h4 {
    margin-bottom: 10px;
}

.searchandfilter label {
    display: block; /* Ensure labels are block-level to be under h4 */
}

.searchandfilter input[type="submit"] {
    margin-top: 20px; /* Adds some space before the submit button */
}

The CSS for the rest of the theme is about 4000 lines. Can anyone help me correct this so it appears uniformly on the whole website?

I’ve added list-style-type: none; to the themes css file but it has not seemed to help