-
Posts
-
Hello, i put like a widget an image on the footer that is ok for the desktop version but too big for phone.
How to set on the html code (widget) different dimensions?
ThanksHi Stilecatalini,
Please try to use srcset in the html code, here’s an article that should be helpful: https://css-tricks.com/a-guide-to-the-responsive-images-syntax-in-html/#using-srcset
Best regards,
NikkoSorry Nikko but it’s so difficult for me. If you check my website you will see that (on the footer) the logo: on desktop version is ok, on mobile is too big.
That image is on the widget like HTML. Check please.Hello,
You can try decreasing the width by adding the following CSS to the Enfold theme options > General Styling > Quick CSS:
@media only screen and (max-width: 767px) { #custom_html-4 img { max-width: 150px; } }Regards,
YigitHello,
Please make sure there aren’t any CSS errors in your custom CSS. You can use this website http://csslint.net/ to check for errors.
If there aren’t any errors, make sure to clear plugin-based and server-side caches.
Regards,
YigitHello,
As I mentioned in two of your threads, there were CSS errors in both the Quick CSS field and in the Appearance > Customize > Additional CSS ( https://i.imgur.com/VCnbPvo.png ).
I fixed them and added this custom CSS code ( https://kriesi.at/support/topic/widget-image-dimensions-only-phone/#post-1419863 ) and it works as expected.
Regards,
Yigit
- The topic ‘Widget image dimensions (only phone)’ is closed to new replies.