custome navbar link Icon Not Showing In MaxControl RTL mode

Question

hi
custome navbar link Icon Not Showing In MaxControl RTL mode !

where is the problem ?

Comments

Usually, it should add page icon to the custom menu item. Let me cross check the issue once.

---

it shows at the first but when i delete all custome links and add anothers , its happenede !

---

Can you please elaborate bit more. I am bit confuse when the issue happens and where exactly. Also adding your website link would help me to check on site.

---

Problem Solved By This code :
.qa-nav-main-custom-21 .qa-nav-main-link {
background-image: url(images/nav-icons/custom-page.png);
background-position: right center;
background-repeat: no-repeat;
}

.qa-nav-main-custom-20 .qa-nav-main-link {
background-image: url(images/nav-icons/custom-page.png);
background-position: right center;
background-repeat: no-repeat;
}

.qa-nav-main-custom-19 .qa-nav-main-link {
background-image: url(images/nav-icons/custom-page.png);
background-position: right center;
background-repeat: no-repeat;
}

Add to Custom css file

thanks for support
;)

Answer 1

That's great approach. Yes you can add this in custom css file.

However, I have noticed that Q2A 1.7 version has changed class for custom menu item. Probably in next update I will add this in core.

I am adding your solution as a fix here so other can refer it.

Solution by proma

Add below code to custom.css file

.qa-nav-main-custom-21 .qa-nav-main-link {
    background-image: url(images/nav-icons/custom-page.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.qa-nav-main-custom-20 .qa-nav-main-link {
    background-image: url(images/nav-icons/custom-page.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.qa-nav-main-custom-19 .qa-nav-main-link {
    background-image: url(images/nav-icons/custom-page.png);
    background-position: right center;
    background-repeat: no-repeat;
}