Stylesheets doesn't load properly

More
3 years 6 months ago #47934 by nikolaosmalliaros
At the moment I can not say exactly on which mobiles and browsers I have tried it as I do not have so many phones at my disposal.
But I can, if it is so necessary, ask my friends who gave me their cell phone to try it, after I first noticed the wrong appearance in Xiaomi Redmi Mi Note 7.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
3 years 6 months ago #47935 by milos
You are right. It doesn't look well on my Realme Android phone on Chrome. However, it works fine on iPhone on both Safari and Chrome. I suppose Chrome on these devices is not up-to-date.

I will consult with our developers and we will find a solution. I will update you here.

Thanks

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
3 years 6 months ago #47936 by milos
Hello,

Sorry for the delay.

Perhaps your home page menu item is Featured Articles, and you have only one featured article. Therefore, your article is wrapped in a series of DIVs (it's coming from Joomla's Articles component) and some of them have this property (it's coming from Joomla's Bootstrap v2 - very old, not our template or page builder):
Code:
.clearfix { *zoom: 1; }

So, if you have only one article on the page, perhaps you can change your default menu item from Featured Blog to Single Article. Let's try its first.

Regards,
Milos

Please Log in to join the conversation.

More
3 years 6 months ago #47937 by nikolaosmalliaros
My home page menu item was Featured Articles, with only one featured article. I changed menu item from Featured Articles to Single Article, but still the same problem.

I installed two times from scratch the site and I installed only these:
1) Joomla_3.9.27-Stable-Full_Package
and from hot_quattro_j3x_unzip_first file :
2) hot_quattro3x
3) pkg_sparky_page_builder
4) plg_sparkyonsave3x
5) sparky_framework3x
and nothing else. So this property its coming from one of them. The question is, how to override this property and fix the problem.
 

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
3 years 6 months ago #47938 by milos
Hi,

Obviously, it's a bug in Chrome for Android, but we found out it's not related to old Joomla's Bootstrap or "zoom" property. Add this in custom css to fix this:
Code:
@media (max-width: 550px) { .sparky_page_row.row_full_width { width:100%; left:auto; right:auto; margin-left:0; margin-right:0; } }

We'll research this further and apply a fix in the next version of Sparky Page Builder.

Regards,
Milos
The following user(s) said Thank You: nikolaosmalliaros

Please Log in to join the conversation.

More
3 years 6 months ago #47939 by nikolaosmalliaros
The problem solved.

Thanks a lot.

Please Log in to join the conversation.

Time to create page: 0.086 seconds
Powered by Kunena Forum