I have installed the plugin SVG Support and uploaded my logo as .SVG file and it shows in desktop header / mobile header and loading screen.
However, It is too big and I want to resize it. Specially on mobile version where it is way too big.
I am novice when it comes to SVG-files, maybe there is some way to enter css to set the sizes? :)
Thank you for the inquiry.
You can now upload SVG images as logo without using a plugin. Please make sure to update the theme to version 22.214.171.124, disable the plugin, then upload the SVG file in the Enfold > Theme Options > Logo field.
I followed the steps and I have the latest theme version.
However, the logo is way too big, specially in mobile version.
Please see attached picture:
I managed to change it for desktop version using this css:
But how can i set it up for mobile version? :)
It turned out it was just my phone that needed to clear cache, size looks OK now, but the header is still too high, can i trim it somehow so it is as high as my logo? :)
Thank you for the update.
Looks like the logo and the header are now displaying correctly on mobile view. If you can still the issue, please try to update the css > layout.css file with the following.
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after updating the file, and make sure to purge the cache.
You must be logged in to reply to this topic.