-
Posts
-
Hello,
search lens and cart svg dimensions are too big. It is not the first time that it happens.
<svg version=”1.1″ xmlns=”http://www.w3.org/2000/svg” width=”25″ height=”32″ viewBox=”0 0 25 32″ preserveAspectRatio=”xMidYMid meet” aria-labelledby=”av-svg-title-2″ aria-describedby=”av-svg-desc-2″ role=”graphics-symbol” aria-hidden=”true”>……..
</svg><svg version=”1.1″ xmlns=”http://www.w3.org/2000/svg” width=”25″ height=”32″ viewBox=”0 0 29 32″ preserveAspectRatio=”xMidYMid meet” aria-labelledby=”av-svg-title-3″ aria-describedby=”av-svg-desc-3″ role=”graphics-symbol” aria-hidden=”true”>……
</svg>everything is updated to last version
How can we adjust?
Please see screenshot in private content
Thank you
MauroHey profumopuntoit,
Thank you for the inquiry.
You can add this css code to adjust the width and height of the SVG icons.
.responsive #top #wrap_all .menu-item-search-dropdown >a > svg { width: 24px; height: 24px; } .responsive #top #wrap_all #menu-item-shop .cart_dropdown_link .av-cart-container svg { width: 24px; height: 18px; }Let us know the result.
Best regards,
IsmaelHi,
Glad to know it’s working. What do you mean by “HTML entities and not HTML characters”? Please explain it a bit further or provide screenshots.
Best regards,
Ismael& quot; instead of “”
I am not sure if it is a problem, but developers tool does not recognize as a valid HTML
Thank you
MauroHi,
Thank you for the screenshot.
Please note that the html or the value inside the data-avia-search-tooltip attribute will be converted into actual html by a script, and html entities such as & quot; will be rendered as actual quotation marks in the end. This is the search form that pops up when you click the search icon.
Best regards,
IsmaelHello Ismael,
I added those styles, I repeatedly cleared the caches, but it still shows up incorrectly
Also, if you click on the lens, nothing happens. You have to click 10/15 pixels below it to open the search box, but who knows it.
Also, the search box looks strange.
Please see the attached screenshot
Thank you, Mauro
Hi,
We’re not yet sure what’s causing the issue with the search icon. Did you modify the header.php file or override any templates in the child theme? Please provide the login details in the private field so we can inspect the issue further.
Best regards,
IsmaelHi,
Thank you for the login info.
Looks like the issue only occurs when you’re not logged in. Have you tried temporarily deactivating the WP Rocket plugin? Please back up your WP Rocket settings first, then disable the plugin and let us know the result.
Best regards,
IsmaelDear Ismael,
I disabled Wp-Rocket.
Yes, as a logged-in user, the problem does not exist. But the 99,99% of the navigation on the website is made by non logged-in users.
But from my browsers, in incognito mode, so as a non-logged-in user, the problem is the same.
I tested in incognito mode with Brave, Opera, and Chrome.
I have re-enabled Wp_Rocket
Hi,
The issue occurs when not logged in because the following cached file is not being loaded. We’ve tried disabling WP Rocket but it’s still the same.
https://site.it/wp-content/cache/min/1/wp-content/themes/enfold-child/style.css?ver=1756284923Is there any other kind of caching enabled on your server? You may need to contact your hosting provider to confirm this.
Best regards,
IsmaelHello Ismael,
The site is on Kinsta, which has its own caching system. Please see the direct link in the private content
We also use Asset CleanUp: Page Speed Booster, but I see that you have disabled it.
In fact, the file style.css was not there at the beginning. However, if you add a parameter after the URL, the file is loaded, and the click on the lens appears to be working correctly. It just looks too high, not aligned horizontally with the sandwich menu.
Actually, I see the file loaded three times. Please see the screenshot in the private content
Thank you, MauroHi,
The style.css files you’re seeing are the following:
— https://site.it/wp-content/themes/enfold/wp-blocks/src/textblock/style.css
— https://site.it/wp-content/themes/enfold-child/style.css
— https://site.it/wp-content/themes/enfold/style.cssHowever, the required cached style.css file from the child theme is not loading when the query parameters are not set, meaning the cache is active:
— https://site.it/wp-content/cache/min/1/wp-content/themes/enfold-child/style.css?ver=1756284923
In your screenshot, the search field looks correct because you’ve added a query parameter. This is definitely an issue with a caching mechanism on your server. We recommend reaching out to your hosting provider for further assistance and ask them if Kinsta Cache can be disabled.
Best regards,
Ismael
- You must be logged in to reply to this topic.