Hi Team,
Good day, I hope you are all doing well. I have created a banner image, on desktops this shows really well, but on Mobile its smaller (very small). I have created a new banner image for Mobile devices, are you able to share your ideas on how I can use this banner image on mobile devices only?
I have seen this article but it doesn't have enough details to help: viewtopic.php?t=119433
OC Version: 3.0.3.2 Theme: Default
Apply mediaquery css rules, so that you can use the banner when the screen is smaller than 700nightwing wrote: ↑Mon May 18, 2020 5:46 amHi Team,
Good day, I hope you are all doing well. I have created a banner image, on desktops this shows really well, but on Mobile its smaller (very small). I have created a new banner image for Mobile devices, are you able to share your ideas on how I can use this banner image on mobile devices only?
I have seen this article but it doesn't have enough details to help: viewtopic.php?t=119433
OC Version: 3.0.3.2 Theme: Default
https://developer.mozilla.org/en-US/doc ... ia_queries
Provide a link and you'll probably get some CSS to help.
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
Guru Member
Apologies for the late response Paul, here is the website: https://www.jwbasics.com
paulfeakins wrote: ↑Mon May 18, 2020 7:09 pmProvide a link and you'll probably get some CSS to help.
Regards,
Nightwing
Access to my Free Extensions: https://www.opencart.com/index.php?rout ... =nightwing
There is no way to change the images used in the banner using CSS media queries.
You will have to identify mobiles host-side or use srcsets which is a pain when used with banners/swipers
You will have to identify mobiles host-side or use srcsets which is a pain when used with banners/swipers
Last edited by letxobnav on Fri Jul 24, 2020 8:49 am, edited 1 time in total.
Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces
“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.
Well, creating images with a 1920 px. width size is a plain master overkill, because
in a Browser, the max. OC Page Width Setting is around 1280 Pixel width.
And the image is shrinked to 1134 pixel width by default...
in a Browser, the max. OC Page Width Setting is around 1280 Pixel width.
And the image is shrinked to 1134 pixel width by default...
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
letxobnav noted.
Regards,
Nightwing
Access to my Free Extensions: https://www.opencart.com/index.php?rout ... =nightwing
IP_CAM You are right - I will definitely update when I get some time as speed is a big part of my goal and even though its holding up real good, I know I can shave a bit more off when browsers don't have to be resizing the images.
You are right - I will definitely update when I get some time as speed is a big part of my goal and even though its holding up real good, I know I can shave a bit more off when browsers don't have to be resizing the images.Regards,
Nightwing
Access to my Free Extensions: https://www.opencart.com/index.php?rout ... =nightwing
Well, it's not even required to add some Code, to add a smaller Banner in
Mobile View, if you compress banners in a decent way, the one's I use also
have a 1'274px × 544px image size, with a data Volume of 49.9 KB , and Google
does not 'punish me' dramatically, because of that.
Ernie
---
Mobile View, if you compress banners in a decent way, the one's I use also
have a 1'274px × 544px image size, with a data Volume of 49.9 KB , and Google
does not 'punish me' dramatically, because of that.
Ernie
---
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Wow this is some serious performance! 
IP_CAM wrote: ↑Fri Jul 24, 2020 11:50 pmWell, it's not even required to add some Code, to add a smaller Banner in
Mobile View, if you compress banners in a decent way, the one's I use also
have a 1'274px × 544px image size, with a data Volume of 49.9 KB , and Google
does not 'punish me' dramatically, because of that.
Ernie
---
Regards,
Nightwing
Access to my Free Extensions: https://www.opencart.com/index.php?rout ... =nightwing
took me 6 Years and a few months, to get there ...Wow this is some serious performance
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Its strange that gtmetrix and google page speed insights are so different. My website has two far apart readings on both - I will pm you and we can continue over email.
Thanks
Thanks
Regards,
Nightwing
Access to my Free Extensions: https://www.opencart.com/index.php?rout ... =nightwing
Who is online
Users browsing this forum: No registered users and 389 guests
