Hey currently I am trying to edit one LI menu in header menu, where in the menu I put a small banner instead of text like the rest, but the problem is the text from the original menu appears over the banner, like this:
And the website url: https://keuangannews.id/, please how to achive that, I just want to remove the text that appears on the small banner, I have tried many things to change the menu (li), i just can’t find the right CSS to only modify that specific li menu, what I am planning to do to set its font-size: 0px so there’s no text appear over the banner.
rthank you
Hi,
It appears that the banner is set as background image on the element from menu, so to resolve this the best way will be to set the text transparent:
.tdb_header_menu .tdb-menu .btn a .tdb-menu-item-text {
color: transparent;
}
Please set the css in the theme panel > custom code > custom css.
I hope this will help you!
anyway sir, the text doesn’t appear on laptop screen but still appears on mobile phone screen
I see, this situation is because on mobile, a different header is used with a different menu.
For mobile version you can use this custom css:
.tdb_mobile_horiz_menu .btn a .tdb-menu-item-text {
color: transparent;
}
I hope this will help you!
Wow it worked
Thank you
I’m glad!
