Bug in "text separator" menu?

synergyit

Hi everyone. Question about the "text separator" in the main menu - they do not show the menu text and therefore do not see the sub-menus. I attached a screenshot of how it should be and how it is not correct. Tell me, maybe I'm not correctly configured, this menu item? This situation is repeated on several different sites with this template.

https://yadi.sk/i/ij8Ojh2GX53qJg screenshot

Ninja

synergyit
Hi
Kindly share the Page URL here on which you have this issue.

Regards

synergyit

https://www.xn--3-7sbhqkgbeed2ae5b2f.xn--p1ai
https://www.школа3волжский.рф
The main menu, the third item of the main menu, the third menu at the top - "РОДИТЕЛЯМ" (for parents)

aman204

synergyit Hi

Try add this to custom.css file :

.nav-child .divider{overflow: visible !important;height: auto !important;background-color: #fff !important;margin-left: 10px !important;}

Finding custom.css or you may create a new file with similar name (if it doesnt exist) ::

JA Simpli ship with an empty custom.css file in the /css/ subdirectory of your template. Simply add your styles to this file and they will be included in your layout.

Kindly ensure to clear your browser cache if changes dont reflect.

synergyit

Thanks. Nearly ready. I can't change the text color, please tell me the correct CSS.

Ninja

synergyit
Hi
Use this code in custom.css

#mainnav .nav span.separator {
    color: #e5ac9a;
}

change the color code as per needs.

Regards

synergyit

The next discrepancy - "border-bottom" at the ".divider" is higher than all the others. I can't lower it any lower.

Ninja

synergyit
Hi
Use this code

.nav-child .divider {
    padding-bottom: 10px;
}

synergyit

Yes! Everything turned out as it should! Thanks for your help. Special thanks for the wonderful template, fast support and good mood!