Title: Problems with the mobile version Last modified: September 10, 2021 --- # Problems with the mobile version * Resolved [etisa](https://wordpress.org/support/users/etisa/) * (@etisa) * [4 years, 9 months ago](https://wordpress.org/support/topic/problems-with-the-mobile-version-3/) * Hello, newbie here. * I’m trying this theme after using Avada, installed for other person. This is important because that theme uses fusion builder and I think that it’s exclusive of that theme (though it works with other themes). I don’t know how to make or edit pages using other plugin. * The thing is, the desktop and the tablet versions look and run well, but the mobile version scores low on Google Page Speed and looks ugly. I’ll show a screenshot: * [https://ibb.co/SK9Ktyz](https://ibb.co/SK9Ktyz) * I wanted to make the slider and the images bigger and remove the text from them( and put it below, for example). Any solution? I don’t know if I should delete the Fusion Builder of that page and make it again with Elementor (I don’t know how it works), if I can fix that through settings or what should I do. * Thanks in advance. * PS: I will take two days off, I won’t be able to see the answer until monday. - This topic was modified 4 years, 9 months ago by [etisa](https://wordpress.org/support/users/etisa/). * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fproblems-with-the-mobile-version-3%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 5 replies - 1 through 5 (of 5 total) * [Shahin](https://wordpress.org/support/users/skalanter/) * (@skalanter) * [4 years, 9 months ago](https://wordpress.org/support/topic/problems-with-the-mobile-version-3/#post-14860152) * Hello [@etisa](https://wordpress.org/support/users/etisa/), * Please follow the steps explained in this link: [https://theme-fusion.com/documentation/avada/options/responsive-option-sets/](https://theme-fusion.com/documentation/avada/options/responsive-option-sets/). It can help you create a responsive website. * To fix the responsive size, you can use the CSS below to fix the Google scores: * ``` /* Fixing the logo */ @media(max-width: 480px) { #site-logo #site-logo-inner a img { width: 100% !important; height: auto; } } /* Fixing the content padding */ @media(max-width: 480px) { #wrap .fusion-fullwidth.fullwidth-box { padding-left: 0 !important; padding-right: 0 !important; } } ``` * Regarding migrating to Elementor, you need to create your website pages into the new page builder. My recommendation is to use the staging website and do this in a fresh WP website, creating the pages, use the import/export options to completing the site. * __________ * You can use “Inspect Element” tools on the browser. Please follow the steps explained in this link: [https://www.greengeeks.com/tutorials/article/use-the-inspect-element-tool-in-chrome/](https://www.greengeeks.com/tutorials/article/use-the-inspect-element-tool-in-chrome/). * CSS Tutorial: [https://www.w3schools.com/css/](https://www.w3schools.com/css/) CSS Units: [https://www.w3schools.com/cssref/css_units.asp](https://www.w3schools.com/cssref/css_units.asp) Responsive Sizes: [https://css-tricks.com/snippets/css/media-queries-for-standard-devices/](https://css-tricks.com/snippets/css/media-queries-for-standard-devices/) * Put your CSS on custom screen size: * ``` @media only screen and (max-width: 480px) { /* put you CSS here*/ } ``` * Or use between sizes: * ``` @media (max-width: 960px) and (min-width: 481px){ /* put you CSS here */ } ``` * Best Regards, * Thread Starter [etisa](https://wordpress.org/support/users/etisa/) * (@etisa) * [4 years, 9 months ago](https://wordpress.org/support/topic/problems-with-the-mobile-version-3/#post-14864877) * Thanks [@skalanter](https://wordpress.org/support/users/skalanter/) * Well, I don’t know about write code or things like that. I was going to put the code to fix Google scores on the CSS/JS section of the theme panel, but for some reason that option dissapears after a few seconds: * The CSS/JS section appears: [https://ibb.co/PWcjsRw´](https://ibb.co/PWcjsRw´) * Then dissapears: [https://ibb.co/yfWBcT5](https://ibb.co/yfWBcT5) * About the Avada responsive, well, I can’t update that theme to the 7.0 version, it’s stuck on the 5.4 or something like that because I think (I dn’t know much about this) that the former worker used a pirated or personalized version (I’ve changed to OceanWP for that reason), so I can’t use responsive options for the Avada theme and its builder. * Abour porting the web to another web to use Elementor, that is out of my hand. * So… It seems that I have some problems. * I’ve other problem. When I activate the thumbnails of the recent posts that are featured on the main page, instead of the featured image, appears a blank space with a numnber. It’s a slider (it shouldn’t be a slider, I don’t know why that happens) that you can move, then the second image is the featured image of the post. An example: * On the right, you can see the blank spaces with a number: [https://ibb.co/m5DCXkz](https://ibb.co/m5DCXkz) * If you move the slider, appears the featured image: [https://ibb.co/JrvLb2x](https://ibb.co/JrvLb2x) * t shouldn’t be a slider,and I hadn’t had this problem with the Avada theme. I’ve tried other themes and this happens too (at least with some of them). It should appear the featured image directly. Any ideas? - This reply was modified 4 years, 9 months ago by [etisa](https://wordpress.org/support/users/etisa/). - This reply was modified 4 years, 9 months ago by [etisa](https://wordpress.org/support/users/etisa/). * [Shahin](https://wordpress.org/support/users/skalanter/) * (@skalanter) * [4 years, 9 months ago](https://wordpress.org/support/topic/problems-with-the-mobile-version-3/#post-14875462) * Hello [@etisa](https://wordpress.org/support/users/etisa/), * Please get in touch with your page builder plugin author. Maybe they have a solution that we are not aware of. * Please note: in the forum. We didn’t pass examinations for premium plugins or theme. Would you please read the forum guidelines: [https://wordpress.org/support/guidelines/#the-bad-stuff](https://wordpress.org/support/guidelines/#the-bad-stuff). * Thank you for understanding, Best Regards * Thread Starter [etisa](https://wordpress.org/support/users/etisa/) * (@etisa) * [4 years, 8 months ago](https://wordpress.org/support/topic/problems-with-the-mobile-version-3/#post-14877089) * [@skalanter](https://wordpress.org/support/users/skalanter/) I’m using OceanWP for the web, so I asked here for that reason. I thought that I could do something to fix the problems without touching the Avada theme. * I’ll try something else then. * Thanks. * [Shahin](https://wordpress.org/support/users/skalanter/) * (@skalanter) * [4 years, 8 months ago](https://wordpress.org/support/topic/problems-with-the-mobile-version-3/#post-14879581) * Hi [@etisa](https://wordpress.org/support/users/etisa/), * I’m sorry to hear that, That feature is not included in the theme, and this isn’t a bug in the theme. Also, we haven’t received any similar reports so far. * Best Regards Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘Problems with the mobile version’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png) * OceanWP * [Support Threads](https://wordpress.org/support/theme/oceanwp/) * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/) * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/) * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/) * 5 replies * 2 participants * Last reply from: [Shahin](https://wordpress.org/support/users/skalanter/) * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/problems-with-the-mobile-version-3/#post-14879581) * Status: resolved