Hello Victoria, Thank you for your reply.

Both servers have the header.php file in the child theme, and they are identical. Both versions also have the IF menu plugin and turning it on or off has not made any difference.

Any other idea?

Well… I am back to square one. I went as far as replacing the entire “plugins” and “themes” directories (from the good/dev site to the live site) and the problem persists. I am clueless as where the issue might be coming from.

The Child style.css and the “Quick CSS” are identical on both servers, too.

All help welcome!

Sure thing (and thank you). Here you go:

Hello Vinay,

It took me a little time to test it. Two problems: The first is that it does not work (https://pijaccanada.com/events/canadian/western-canadian/western-visitor-gabriel/), and the second, is that the use of a color section conflicts with other code I need to use.

I could have tried to resolve the second problem if your proposed solution had worked, although I would rather see the icons working properly “out of the box” :(

PS. I left the additional CSS for you to see the results of the test. Please let me know when I can remove it.

Thanks again Ismael. I have a dev server in which IU will try it first, just to make sure I don’t make anything blow up ;)

Cheers

Hello Ismael,

To a degree that works* It isn’t the perfect solution but it’ll do if there are no other options (or are there?). I guess adding 6 or more column elements to the theme is not on the works?

It looks a bit stupid when the captions are short, as the spacing is just too big with only five icons per row. I made the change on my test file to you can preview it if you need to.

*It worked after removing the CSS from Yigit which was causing problems. If I may suggest something, when adding custom CSS to a client’s code, it should be clearly commented.

That was super quick Yigit. Thank you.

However, I am very confused. Are you saying that as I move forward, I’d have to fix these problems in a one-by-one basis? This is a feature I use (and change) a lot! in English and in French, on several pages!

Also, that fix completely screws things up in responsive mode anyway. I am attaching an example of what you get when viewed on an iPad (look at the text portion):

Thank you Victoria, that worked.

FYI, I had to use it together with:

.language_flag {
display: none;
}

In order to ensure the icons did not show up at all.

For anyone visiting this thread for reference, the final code for me needed to be:

/* Remove flags from the menu & hamburger menu */

.language_flag {
display: none;
}

.av-active-burger-items:nth-child(8), .av-active-burger-items:nth-child(9) {
display: none;
}

I am assuming that the values child(8) and child(9) are to do with the position in the menu, and that if I was to add or remove menu items I may need to change those values. Correct?

You gave me a partial answer in your question :) They do have a class, it is “language_flag”

I’ve tried:

.language_flag {
display: none;
}

and it removes the flags, but, it keeps the dividing lines above and below. Any suggestions? (please note that I do want to keep the dividing lines between the other menu items)

Hello Victoria,

While that works, it removes the search option all together, rather than list it. For my needs at the moment that will do.

What about the flag icons though? Any suggestions about that?

Thanks.

Thank you Nikko! It does.

Cheers all.

Thank you Basilis! Yes, it would be great too know if this can be resolved without affecting all of the site by removing <BR>‘s when they are needed.

Do you have auto p enabled?

Nope. That’s not it.

I am working around it for now, but a solution would be best.

Thanks again!