Website not showing correctly on mobile phone

Hi Belinda,

You have active caching on the site, please clear that first before checking the results.

Best regards,
Rikard

Hi Belinda,

I’m not sure how to do that since it’s not coming from the theme, I’m guessing you have a plugin for that?

Best regards,
Rikard

Hi,

Thanks for that, could you disable the cache on the site or disable the plugin please? Otherwise we can’t see where the CSS is coming from. We can do it for you if you like.

Best regards,
Rikard

Hi,

Thanks for that, please try this CSS instead:

@media only screen and (max-width: 767px) {
.home .avia-builder-el-11 {
  margin-top:40px !important;
}
}

It wasn’t applying since other code was overriding it.

Best regards,
Rikard

Hi Belinda,

You still have active caching on the site, that means it’s basically impossible for us to see where the CSS is coming from. Would you be able to turn that off until we have helped you out? You are setting yourself up for situations like these otherwise.

Also, could you post screenshots of the problems you want fixed please? Otherwise we can only guess. The CSS I gave you should fix the only obvious problem that I could see with overlapping texts.

Best regards,
Rikard

Hi Belinda,

No problem, let’s try to straighten everything out. WP Super Cache is a caching plugin, it adds cache to your site. Like most caching plugins it concatenates CSS files, that means that all the CSS files are added into one file with a random name. When CSS doesn’t work then we try to find out where the CSS is added or not added, and when all the CSS is coming from a single source, then we can’t see where it’s actually coming from. That is why we want you to turn the cache off, or disable the plugin.

All the CSS being served on your site right now is coming from a cached and/or minified file which leads me to think that the caching plugin is active. I wanted to login to be able to check but the token you sent seems to have expired. Please renew it or post regular login details in private.

You can send us screenshots by uploading them to a service like Dropbox, Google Drive, Imgur or similar, and then link to them here.

Best regards,
Rikard

Hi,

Thanks for the screenshots, I see that the caching is turned off now as well. The only problem that I could see on the mobile version was the buttons. Please try this CSS in order to add some space above them:

@media only screen and (max-width: 767px) {
.home .avia-button-wrap {
  margin-top:30px;
}
}

Best regards,
Rikard

Hi,

Please try this instead:

@media only screen and (max-width: 767px) {
.home .avia-button-wrap {
  margin-top:30px !important;
}
}

Best regards,
Rikard

Hi Belinda,

It looks like you have turned caching back on, the CSS was applying before but was overridden. The new CSS should have worked but now it’s not applying at all and I can’t see where anything is coming from anymore because of caching.

Best regards,
Rikard

Hi,

All your CSS is being served from the file in private, it looks like a plugins to me but I could be wrong. I know it’s not coming from the theme at least. If you renew the login token then we can have a look for ourselves.

Best regards,
Rikard

Hi Belinda,

Thanks for that, it looks like there’s a minification plugin active there (Fast Velocity Minify). That is likely the reason, not caching this time in other words. Please deactivate that for now as well, so that we can see where the CSS is coming from.

Best regards,
Rikard