[Resolved] my header breaks when i update gp premium plugin!

[johnaps]

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…

[johnaps]

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).

[Leo]

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!

[johnaps]

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.

[Tom]

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 🙂

[johnaps]

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!

[Tom]

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.

[johnaps]

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

[Tom]

Glad I could help 🙂

[Author]

Posts