my header breaks when i update gp premium plugin!

you can see my live now https://sofianos-orthopedika.gr/
the toggle button still doesnt have its 3 lines...

and i think the cart icon is still broken in smaller media like phone...
the number is out of place etc...

Tom one more very different thing if you can help me out!
I am using you plugin lighweight social icons and on pagespeed
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fsofianos-orthopedika.gr%2F&tab=mobile
i have the following warning (Ensure text remains visible during webfont load)
with fonts/fontello.woff file from lighweight social icons.
Is there a way to stop using this file or change the font somehow to not use this and the font to be inherited (i am using system font for everything else).

Your PHP for the SVG icon is commented out:
https://www.screencast.com/t/8pa7nhBAh

Have you modified the plugin file at all?

If not

I'm also seeing some very random CSS:
https://www.screencast.com/t/2PgqzBwKnZW

Please open a new topic for the separate question.

Thanks!

i had an element to move the toggle button next to logo and i changed the code there with the one you provided me...
for the "random css" i guess its previous css implemented from previous developers to customize my header or the developers from the plugin that made the toggle button to work.

if i need to implement the above codes somewhere specifically can you elaborate to me where exactly i should?
Thank you for your time, very much!!

check staging (https://staging-sofianosorthopedikagr.kinsta.cloud/) because i reverted the live one back.

Can you make sure the "Execute PHP" checkbox is checked in your hook element where you added the PHP I provided above?

Once that's done, it should all look normal again :)

Thank you very much now its working...!!

but the 3 lines is out of place a bit...
Also the number above the cart icon is out of place in mobile...

Thank you for your time!

It's not aligned because of this CSS you're using:

html>.post-image-aligned-center>#masthead>div>div:nth-child(2)>a {
    margin-right: -15px;
    transform: scale(1.12);
    padding-top: 5px;
    margin-top: -1px;
    margin-left: -15px;
    font-size: 22px;
    padding-right: 10px;
    padding-left: 3px;
}

For it to be aligned, the padding all around it needs to be equal.

You're already adjusting the position of the cart number using this CSS:

@media (max-width: 1024px) {
    #masthead .wc-menu-item .number-of-items {
        right: 7px !important;
    }
}

You'll need to adjust that, or add another media query with a different value.

Thank you very much for your time and help! Its all fixed! :)_

Glad I could help :)