Problems with the mobile version

Resolved etisa
(@etisa)

4 years, 9 months ago
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

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.
The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Shahin
(@skalanter)

4 years, 9 months ago
Hello @etisa,

Please follow the steps explained in this link: 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/.

CSS Tutorial: https://www.w3schools.com/css/
CSS Units: https://www.w3schools.com/cssref/css_units.asp
Responsive Sizes: 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
(@etisa)

4 years, 8 months ago
Thanks @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´

Then dissapears:
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

If you move the slider, appears the featured image:
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, 8 months ago by etisa.
- This reply was modified 4 years, 8 months ago by etisa.
Shahin
(@skalanter)

4 years, 8 months ago

Hello @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://ww.wp.xz.cn/support/guidelines/#the-bad-stuff.

Thank you for understanding,
Best Regards

Thread Starter etisa
(@etisa)

4 years, 8 months ago

@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
(@skalanter)

4 years, 8 months ago

Hi @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.