Broken Social Icons and Menu

Hi there,
Social icons are ok https://prnt.sc/ZGB6z8aUtkbq

Have you resolved this? Also add this

.site-bar .nav{flex:0 0 100%;}
.navigation > li > a {
    margin-right: 8px;
}

in your custom css box under Customize-Additional CSS to fix the nav bar.

Let me know if this helps

Hi @markwaregr,
thank you for your quick response. Your fix for the nav bar worked fine. Thanks again!

With regard to the social icons, I meant those in the widget box “follow me under”. As far as I remember I linked them to FontAwesome, but don’t know, why they are totally broken now. Any Idea?

https://prnt.sc/w_V1dF6f91fi

Thank again in advance.

Also, I got aware of the following problem:

After hovering over a menu element with a sub menu, it drops down the sub menu, but u can’t reach it, because it actually closes again. Know what I mean?

I haven’t noticed that yet. What to do?

Thanks for any hints once again!

Hi,
try this

.navigation li:hover > ul, .navigation .sfHover > ul {
    top: 10px;
}

in your custom css box to fix it

Let me know if this helps

Hi again,

thank you very much, this helped me for reducing the margin between main and sub menu!
Sorry for bothering you again, but I still have some some issues:

Firtst, after hovering the sub menu, the color of the main menu still changes into #b49543 (the original theme color) and not into #dd5533 (the color defined in the child theme).

CSS code in child theme for that is:

.navigation > li:hover > a {
  color: #dd5533;
}

Do you know why it doesn’t work?

Second there is still the issue with the social icons. it seems that the olsen social icons are totally messed up? Don’t know what to do…see what I mean? https://prnt.sc/w_V1dF6f91fi

Appreciate any help. This definitely are my last requests for now. ??

Thank you very much in advance und happy Easter!
M

Hi,
Have you manage to resolve these? Everything looks fine