Archived topic
Search Icon and Scroll to top
7 replies · Started by Karsten on February 8, 2021
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 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.