Site logo

Archived topic

Search Icon and Scroll to top

7 replies · Started by Karsten on February 8, 2021

Viewing posts 1–8 of 8

Hey friends,

as Mike suggests in his video course Flexbox and SVG Icon are enabled.

But now the search icon and scroll to top icon are doubled.

Please check out here

Please help me with a quick fix to get rid off one of these icons.

Thank you

Karsten

Hi there,

One of them isn't coming from GP. It's loaded by Icomoon.

Can you try disabling all plugins except GP Premium to test?

Hi Leo,

I have found the plugin which creates this issue.

It is Thrive Leads.

I will report this in the Thrive Leads Support Forum.

Any suggestion for me for a quick fix?

Thank you

Karsten

You could try this for a quick fix but definitely not the best solution:

.icon-search:before, .icon-arrow-up:before {
    display: none;
}

Hey Leon, this is the answer from Thrive Leads support:

Hello Karsten,

Upon further investigation, it seems the issue is on the generate press CSS style. It has a :before content CSS style and causes to display another icon.

I included this custom CSS on your WordPress dashboard > Appearance > Customize > Additional CSS to remove the double icons when Thrive Leads is active. Please see below:

/*Icon fix*/
.gp-icon.icon-search:before,
.gp-icon.icon-arrow-up:before {
content: none !important;
}
Here is the result: https://share.getcloudapp.com/xQunAOGd

Could you please clear your browser’s cache and test the page using an incognito window.

Let us know how it goes or if this fixes the issue.

Best regards,
Bel

Hmm not sure what that would be a GP issue.

That code shouldn't load when you are using the SVG option.

Did you try clearing your caching plugins or server cache after making the switch?

Also Thrive seems to loading the icons for no reason and that's definitely not ideal.

Yes, I have cleared the server cache. Caching plugins I don't have currently.

Hmm I just confirmed that the theme itself does not add this code here:
.icon-search:before

When using the font icon type, this is the CSS is used to load:
https://www.screencast.com/t/3yjkeQfQ

I would recommend following up with Thrive's support team.

This archived topic is closed to new replies.