Hello

Thank you for your query.

Please add the following css rule in custom css section. This should fix the issue.

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding-right: 30px;
}

Actually, that made it worse. Now it works when the page is narrower but shifts when the page is wider.

Could you kindly provide some screenshots please? That would be helpful for better understanding.

Now it looks like this is the one place that is still having an issue. https://snipboard.io/fWVEyY.jpg

Thank you for the screenshot. Please swap the previous css rule with this one:

@media (min-width: 1551px) {
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
        padding-right: 30px;
    }
}

Kindly do let me know if that works.