Title: Image widget issue for mobile Last modified: January 31, 2019 --- # Image widget issue for mobile * Resolved [Anandabrata Ghosh](https://wordpress.org/support/users/ananddevops/) * (@ananddevops) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/) * Hello, * I have 1 section on a page and 1 Image widget added to it. The image is a png. I have applied the FULL for image size, in the widget style section. The image size is 1024*640px. * For the mobile version it scales the image to almost non-visible. See screenhots * 1. [Desktop](https://imgur.com/E3lL247) 2. [Mobile](https://imgur.com/mfhX4Mi) * Things I have tried already: 1. I have scaled the image to 3200*2000px and checked the result is the same. 2. I have tried the Style–>Image Size, within the widget as, 1024*1024 and Full, again with the same result. * The alterative possibility could be using an SVG image, but ofcourse the security reasons is detering factor. **Hence keeping within the same config as above how could I resolve the issue?** * Thanks Viewing 13 replies - 1 through 13 (of 13 total) * [omiras](https://wordpress.org/support/users/omiras/) * (@omiras) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11153226) * It is certainly strange. Just with the snapshot’s information, it seems as the image’s container is preventing the image to grow bigger. * Is not the webpage on the Internet so I can have a look? * Regards, Oscar. * Thread Starter [Anandabrata Ghosh](https://wordpress.org/support/users/ananddevops/) * (@ananddevops) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11153981) * [Webpage](https://www.humconservatory.online/home-2/) here [@omiras](https://wordpress.org/support/users/omiras/). * [LogoLogics](https://wordpress.org/support/users/logologics/) * (@logologics) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11154184) * Hi, * The image width should be about 800 x600 pixels. Your transparent image is too large. * Look how I integreded it as an image widget here set to full width. Behaves good on mobile as wel:[https://logologics.nl/webshop-starter/example-homepage-settings/](https://logologics.nl/webshop-starter/example-homepage-settings/)( scroll down a bit to see your image ( took a screenshot of your site and made it about 800 x600. * [LogoLogics](https://wordpress.org/support/users/logologics/) * (@logologics) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11154196) * This happens because the whole transparent image is so large and the small boy and table need to shrink to fit into mobile view. * If the transparant image is smaller and only focusses on the boy and tables, it will show up fine. * [omiras](https://wordpress.org/support/users/omiras/) * (@omiras) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11154614) * I agree with [@logologics](https://wordpress.org/support/users/logologics/) answer. * Thread Starter [Anandabrata Ghosh](https://wordpress.org/support/users/ananddevops/) * (@ananddevops) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11156459) * [@logologics](https://wordpress.org/support/users/logologics/) and [@omiras](https://wordpress.org/support/users/omiras/) sounds like a logical resolution. Unfortunately its not working for me. * I have used a 800*500px image now. Just one image no layers. It still gives me the same issue. Have a look, the links remain the same. * Thanks * Thread Starter [Anandabrata Ghosh](https://wordpress.org/support/users/ananddevops/) * (@ananddevops) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11157884) * [@logologics](https://wordpress.org/support/users/logologics/) & [@omiras](https://wordpress.org/support/users/omiras/) Update. * I toggled around with the Featured Image under the Meta settings and the image seems to work now. **No clue why**. [here](https://imgur.com/FIacEUJ) * Although the image is still of 800x500px, so the BG layer large was ofcourse an issue. But not sure why the image didn’t work without the featured image toggle. * Btw how could I push the image below the header space. The Primary Header is enabled in Meta setting, just that it is transparent. I am on Astra(free) theme. * Thanks * [LogoLogics](https://wordpress.org/support/users/logologics/) * (@logologics) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11158140) * [@ananddevops](https://wordpress.org/support/users/ananddevops/) * I notice you are using the Astra theme, so I do not know what settings they have. I prefer the Elementor and OceanWp theme. Both free, good support and lots of features. * **I also notice you are using third party plugins:** * nav menu addon for Elementor header footer elementor * If you would start using OceanWP, you would not need the header footer nor the menu addon. In my experience it is better to avoid third party plugins if it can be done withing the same theme or pagebuilder. That way the developers of that theme or plugin make sure their menu of headers and footers work well together. * Astra might be a good theme as well, but I do not know its ins and outs. * You are talking about the featured image? Not sure what you have enabled and what and where you are working on, but when working with Elementor on a normal page, you do not need to set a featured image? * 1. is this a normal page? 2. would you consider switching to OceanWP theme? 3. where did you add the background image? theme settings or Elementor? 4. did you switch back and forth between gutenberg blocks, default wordpress editor and Elementor? * Annie * Thread Starter [Anandabrata Ghosh](https://wordpress.org/support/users/ananddevops/) * (@ananddevops) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11159837) * Annie ( [@logologics](https://wordpress.org/support/users/logologics/) ), * Thanks for the detailed note. I am new to WP and to Astra as well. I have invested sometime for Astra and focus at this time is more on WP aspects. Hence changing to OceanWP is surely a consideration, but for the future. * I am using the Astra header options itself an agree that I will need to discuss the same theme people. Just to give a brief about the issue, which could be generic wordpress too – * When I make the header transparent, it moves things up and meny overlaps are issues without manual padding. Which is not great for responsiveness. Making the header trnsparent should just show the BG, not move the space up, so wondering. * As for the original issue, I just toggled the featured image on, added one, and then toggled it to off. Thats it. Will keep observing incase I can determine a pattern for the issue. * Thanks * [LogoLogics](https://wordpress.org/support/users/logologics/) * (@logologics) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11160697) * [@ananddevops](https://wordpress.org/support/users/ananddevops/), * You’re welcome! * I had similar transparant option issues with the Generate Press theme. I explored and tested it to make comparisson with other theme’s before deciding which one to use in the future. This was taken care of by OceanWP theme by default. * I believe this is resolved now in GeneratePress too, not sure because I decided to go on with OceanWP about 2 years ago now. * Just saying, a theme can make a big difference. I suppose something in Astra is causing this. * What happens if you install OceanWP and use the transparent header? You can test this and remove OceanWP after, but this is a good way to see if that issue is coming from the theme or something else. * If it is the theme and you want to keep it, you should indeed consult their support and ask them to resolve this. * Annie * [LogoLogics](https://wordpress.org/support/users/logologics/) * (@logologics) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11160706) * > As for the original issue, I just toggled the featured image on, added one, > and then toggled it to off. Thats it. Will keep observing incase I can determine > a pattern for the issue. * Yes, again I am not familiar with Astra, but maybe they have some homepage specific settings where you need to add the featured image to make it work? * Thread Starter [Anandabrata Ghosh](https://wordpress.org/support/users/ananddevops/) * (@ananddevops) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11162364) * Annie ( [@logologics](https://wordpress.org/support/users/logologics/) ), * I am surely going to try your suggestions and see how my design reacts. Thank you for taking time to explain each aspect 🙂 * [LogoLogics](https://wordpress.org/support/users/logologics/) * (@logologics) * [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11162987) * You’re welcome! * Annie Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘Image widget issue for mobile’ is closed to new replies. * ![](https://ps.w.org/elementor/assets/icon-256x256.gif?rev=3444228) * [Elementor Website Builder - more than just a page builder](https://wordpress.org/plugins/elementor/) * [Frequently Asked Questions](https://wordpress.org/plugins/elementor/#faq) * [Support Threads](https://wordpress.org/support/plugin/elementor/) * [Active Topics](https://wordpress.org/support/plugin/elementor/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/elementor/unresolved/) * [Reviews](https://wordpress.org/support/plugin/elementor/reviews/) * 13 replies * 3 participants * Last reply from: [LogoLogics](https://wordpress.org/support/users/logologics/) * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/image-widget-issue-for-mobile/#post-11162987) * Status: resolved