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

[johnaps]

Hello,

i have tried numerous times to update the gp premium plugin but my cart icon and hamburger button appearence breaks when i do please help me!

[David]

Hi there,

have you tried clearing any plugin and browser caches after the update?

[johnaps]

yes i have cleared cache in kinsta, wp rocket, autoptimize…
Even deactivated these plugins and nothing problems persists!

I have child theme but i think the updating is changing some css files!
Please help me!

[Leo]

Updating the GP Premium definitely doesn’t change your child theme’s css file – our support forum would be flooded with complains if that’s the case.

I’m seeing the toggle and cart icon no issues now?

[johnaps]

yes cause i reverted it back with backup… its a live site…
i know it doesnt change the child themes files!

[Leo]

So if it’s an icon coming from GP, I’d recommend using the SVG option under Customizer > General.

Most of the time it’s a caching issue as David suggested.

[johnaps]

i am using svg option already, and i dont know how thats supposed to fix my problem!
Clearly there is custom css thats its not implemented on child theme and with the gp premium upgrade it is lost… so probably gp premium update changes some css files on the theme, and if so which ones?
My question basically is “how can i bypass/solve this problem?”.

[David]

We would need to see the Site with the updated plugin in order to see what the issue is.
Are you able to make a staging copy of the site so we can take a look?

[johnaps]

you can check staging which i updated gp premium
https://staging-sofianosorthopedikagr.kinsta.cloud/
versus live
https://sofianos-orthopedika.gr/

[David]

Can you disable any cache or optimization plugins you have on the staging site?

[johnaps]

I have disabled autoptimize and wp rocket but i cant disable kinsta’s caching plugin. I cleared kinsta’s cache many times after disabling the above mentioned plugins.
The same problems are present, no change.

I ll leave autoptimize and wprocket disabled for you.

[David]

In the live site you’re making the @font-face request for the GP Premium font in your Child Theme Style Sheet. But the Staging Sites child theme styles are empty ?

[johnaps]

no i checked child themes css its the same on live and staging , its empty on both with the following inside it…
so nothing there i guess…

”
/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Default GeneratePress child theme
Author: Tom Usborne
Author URI: https://tomusborne.com
Template: generatepress
Version: 0.1
*/
“

[johnaps]

cant you forward this problem to tom? For the first time you delay so much to answer me and your answers doesnt provide any help.

Please i need this update but also i need to make this problem go away so i wont have problems with future updates…

[Tom]

I think the issue here is GPP 1.9.0 added support for our SVG icons, which means the icon font is no longer loaded if you have the SVG option enabled.

It seems you’ve added a custom slideout-toggle element into your header.

To fix the toggle, use this as your custom toggle:

<div class="slideout-toggle">
    <a href="#">
        <?php
            if ( function_exists( 'generate_do_svg_icon' ) ) {
                generate_do_svg_icon( 'menu-bars', true );
            }
        ?>
    </a>
</div>

Then add this CSS:

div.slideout-toggle a:before {
    display: none;
}

For the other issue, try adding this CSS:

.gp-icon.shopping-bag svg {
    display: none;
}

.cart-contents > span.number-of-items {
    right: 8px;
    transform: scale(1.53);
    top: -20px;
    margin-left: 0;
}

[Author]

Posts