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

Home Forums Support my header breaks when i update gp premium plugin!

Viewing 15 posts - 1 through 15 (of 24 total)
  • Author
    Posts
  • #1099755
    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!

    #1099824
    David
    Staff
    Customer Support

    Hi there,

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

    #1100045
    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!

    #1100058
    Leo
    Staff
    Customer Support

    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?

    #1100063
    johnaps

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

    #1100266
    Leo
    Staff
    Customer Support

    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.

    #1100646
    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?”.

    #1101068
    David
    Staff
    Customer Support

    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?

    #1101377
    johnaps

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

    #1101597
    David
    Staff
    Customer Support

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

    #1101894
    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.

    #1101978
    David
    Staff
    Customer Support

    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 ?

    #1101987
    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
    */

    #1102276
    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…

    #1102399
    Tom
    Lead Developer
    Lead Developer

    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;
    }
Viewing 15 posts - 1 through 15 (of 24 total)
  • You must be logged in to reply to this topic.