CSS Classes for Menu Icons – Icons not appearing in Titlebar

[Michael]

Hi @pallavi

Thank you for the support :))

Also noticed the icons are far apart from the top title menu pages. I do have the custom css you gave me previously which also doesn’t seem to work for the different header…if that can be fixed also

Thanks and let me know any update on hows it going 🙂

Regards

Michael*

[Michael]

Hello @pallavi ,

thanks for the fixes, I’ve noticed it on my page – Also, I wanted to ask for now, the top header menu, the icons are the same distance apart as the pages like previous issue I had. The CSS code you told me for it

: @media screen and (min-width:481px){
.header-inner .middle-col .header-navigation ul li a span {
right: 3px!important;
}

…This doesn’t seem to be working , I’m guessing because the header style swtiched to the other style. How can I put the icons and the notification for messages closer to the pages. Below is what it looks like in the picture below:

Regards

[Anonymous]

Hi @miguelp, I have applied the required changes in css to make the icon more closer to menu items.

Regards

[Michael]

Hi @pallavi ,

Thank you once again! 🙂 Can you do the same for the notifications circle for new messages on the top menu? To move half way towards ‘Messages’ title? since its in the middle of Messages and Member Search. or if you can pass me the code and ill do it:)

Regards

[Anve S.]

Hi @miguelp,

Try adding following code in custom css option of child theme.

.header-navigation ul.horizontal-responsive-menu li > a span.um-message-unreaditems {
  left: 0 !important;
}

Regards
Anve

[Michael]

Hello @anve ,

Thank you, that worked!

Also, I noticed that the theme does some how red box reflections on drop down buttons. I’ve attached a picture of what I get on drop down menus. How Do I fix that and take the red box reflections off?

Regards

[Anve S.]

Hi @miguelp,

Try adding following css in child theme.

#post-14 .buddyboss-select {
  display: none !important;
}

regards
Anve