Hey there,

May I know how did you replicate it step by step as I just have a look on your site and it is looking fine for me here? https://take.ms/85CZg

Can you include your site's access and FTP's access once at http://stackideas.com/dashboard/site so that we can have a better check of it?

Hi Irwin,

As I told you, the issue occurs unexpectedly from time to time with no action on my part, so I cannot replicate it deliberately. When you had a look at my home page things were going well. But after some hours, you can see what I mean in the attached image. That's how my site looks now. I won't change anything so that you can work on it.
Sometimes it also happens with individual posts, whose cover image occupies the whole width, in spite of the smaller size I have set for it.
I can solve it by refreshing the Joomla cache manually, but that's not a good solution.

I have already supplied you with the details for accessing my site as administrator, as well as through FTP.

Thank you

Hey there,

The reason that it will show 1 column on the listing page when you view on desktop is because there already injected these class name 'is-mobile'/'is-tablet' in the blog listing HTML content. (screenshot : https://take.ms/F0Nvf)

In Easyblog, it will use these class name to determine the current viewer using which device browse on your website, so it can able to load the correct responsive styling in mobile/tablet/desktop on your site.

In other word, if your cache system cached your blog listing page HTML content when someone view on mobile device, it will show 1 column on the blog listing page when you view on desktop browser becuase cache system just load back the HTML content what it cached in previously, this is why when you clear the cache on your site, then it will show back 2 column on the blog listing page.

Here's some suggestion solutions:
1. Try take a look of your current cache system and see whether there got a setting to allow you to set exclude page, so it will not cache this blog listing page on the site.

2. You can consider to switch your current cache system to Mod_pagespeed, because this also will improve the page performance.

It's actually an apache / nginx module that can be used to compress and minify a page on the web server's layer without compromising performance of php.

Then enabled Gzip compression from backend, it will reduces the file size of all scripts and css files being rendered on the page.

You can read more about mod_pagespeed from https://developers.google.com/speed/pagespeed/module/

Ok. I'll try either of the two options yoy suggest and let you know when it's solved. Thank you

You're most welcome. Do keep us updated then.

Hi,
After attempting what you suggested...

1. Try take a look of your current cache system and see whether there got a setting to allow you to set exclude page, so it will not cache this blog listing page on the site. /

Easyblog listing is in the main page and so it's the structure of the 'Home page' menu item. I can't see a way to exclude this menu item from the cache. I tried doing so in the Joomla System-Chache plugin, but with no results.

2. You can consider to switch your current cache system to Mod_pagespeed, because this also will improve the page performance.

It's actually an apache / nginx module that can be used to compress and minify a page on the web server's layer without compromising performance of php.

Then enabled Gzip compression from backend, it will reduces the file size of all scripts and css files being rendered on the page.

You can read more about mod_pagespeed from https://developers.google.com/speed/pagespeed/module/

I cannot access Apache in my shared server host service. On the other hand, I think I couldn't manage the commands I've seen regarding the use of mod_pagespeed. It's all Chinese to me.

So, I'm at the same starting point where I was. Some other clues?

Thanks.

Hey there,

I am really sorry for the delay of this reply as it is a public holiday for us here.

Try download my attached file and replace into this following template override file location and see how it goes :

JoomlaFolder/templates/YourCurrentTemplate/html/com_easyblog/structure/default.php
JoomlaFolder/templates/YourCurrentTemplate/html/com_easyblog/blogs/latest/default.main.php

Do take note for those new folder you have to manually create it from your current site template directory path.

Remember clear the cache before test it, if there got any styling issue you can just temporary rename those file.

Thank you, Arlex.

I have just created the paths for both files and uploaded them there. Please let me try their functioning for a couple of days, after which I will be able to tell you if they have been effective.

It seems like I missing 1 more file, can you try download my attached file and put into your following file location and see how it goes?

JoomlaFolder/templates/yourCurrentTemplates/html/com_easyblog/blogs/latest/default.php

Then apply this following custom css under your site backend > Easyblog > theme > custom css and clear your backend cache before you do the re-test.

@media (max-width:768px) {

	#eb .eb-masonry .eb-masonry-post, 

	#eb .eb-posts .eb-masonry-post {

	    width: 100% !important;

	    position: static !important;

	}

}

Hi Arlex,

It seems that with the 3 files and the css code you provided the styling works fine now. No problem so far.

Thank you.

You're most welcome, glad to hear that those customization file work fine.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.